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

Question

我正在尝试使用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 内部。

Answer 1

您提供的代码无效。您必须分配一个功能名称才能使 JS 正常工作。

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

下次请自己查看错误，例如通过进行语法检查。另外，看看如何发布一个好问题

Answer 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>