JQuery Name + Variable作为id

Question

我在Jquery中创建了一些新的HTML：

$('<div class="child" id='cross' + counter + '></div>')

counter是变量，cross是文字。

id应该类似于cross1 cross2等，具体取决于计数器中存储的值。

我该如何解决这个问题？

Answer 1

使用jQuery创建元素并使用其方法设置数据。

$('<div></div>')
    .prop('id', "cross" + counter)
    .html(YourHTMLTextIfAny);

除此之外，修复报价

$('<div class="child" id="cross' + counter + '"></div>')

Answer 2

问题似乎是因为代码格式不正确。报价有点混淆。

$("<div class='child' id='cross" + counter + "'></div>")

这应该有效。要将其插入DOM，您可以执行以下操作：

$('body').append("<div class='child' id='cross" + counter + "'></div>")

Here's an example

Answer 3

$('<div class="child" id="cross' + counter + '"></div>')

您的代码存在双引号问题。以上是正确的。把它作为任何循环并仅增加计数器，以便你可以得到你想要的东西

Answer 4

$('<div class="child" id="cross' + counter + '"></div>')

Answer 5

为了将div附加到DOM元素（正文），只需执行

var html = ('<div class="child" id="cross' + counter + '"></div>';

$(body).append(html);

并进一步插入一些文字：

$("#cross" + counter).html("hello world");