一些<div> s带有for循环</div>

Question

我有一个for循环，我想用它创建许多<div>。 我想从变量中提供<div> s的ID。 这是代码：

var text = $("#cont").text();
count = 1;
for (var i = 1; i <= 10; i++) {
    text += "<div class='ball' id='ball'" + count + "></div><br />";
    count++;
}

Answer 1

你搞砸了你的报价：

text += "<div class='ball' id='ball" + count + "'></div><br />";

您的代码的单引号错误并产生了这个：

<div class='ball' id='ball'5>

这个数字需要在里面。

Answer 2

我对你的问题有点困惑：看起来你已经有了做你所指定的逻辑的逻辑。

那就是说，我看到一个可能让你困惑的错误：在连接count变量之前，你正在关闭id='ball'上的单引号。这将导致div元素没有将该数字作为其id的一部分。这是代码的更正版本：

var text = $("#cont").text();
count = 1;
for (var i = 1; i <= 10; i++) {
  text += "<div class='ball' id='ball" + count + "'></div><br />";
  count++;
}