在 Jquery 中使用动态 id 选择器访问元素答案

【问题标题】：Accessing elements using a dynamic id selector in Jquery在 Jquery 中使用动态 id 选择器访问元素
【发布时间】：2017-06-15 08:08:58
【问题描述】：

我正在尝试使用jquery 在我的视图中引用具有id 属性的元素，如下面的代码所示。

HTML

<div id="abc"></div>
<div id="def"></div>
<div id="ghi"></div>

JavaScript

function prependMarkup(idName, markup) {
    $('#' + idName).prepend(markup);
};

所以我在上面的函数中传递了 id，但它似乎不起作用。标记作为文本写入 div 内。

【问题讨论】：

as text 是什么意思？
请包含您的 jquery 代码的其余部分
在给函数命名后（如function foo(idName, markup)），代码对我来说很好
函数缺少名称！！

标签： jquery

【解决方案1】：

您提供的代码无效。您必须指定一个函数名称才能使 JS 工作。

function foo(idName, markup) {
$('#' + idName).prepend(markup);
};

下次请自己检查错误，例如通过syntax check。另外，看看How to post a good question

【讨论】：

【解决方案2】：

您需要添加一个 jQuery 库并使用 html() 而不是 prepend()。这将帮助您显示 html 而不是文本。

你的函数也缺少函数名。

function funcname(idName, markup) {
    $('#' + idName).html(markup);
};


funcname('abc','<div class="jaba">ABCD</div>')

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>



<div id="abc"></div>
<div id="def"></div>
<div id="ghi"></div>

【讨论】：