与jquery append-function中的变量连接

Question

如何在jquery中的append-function中连接变量？

我有一个循环，我在html表中动态创建复选框。每个复选框都需要一个唯一的ID，因为我在循环之后将每个复选框附加到它们。

我想要的是在for循环中添加增量变量（变量i） 所以在每个循环中，id与变量i连接，即

循环0，名称应为cb0 循环1，名称应为cb1 等等..

这是我尝试过的事情

$('<td valign="top"></td>').append('<input type="checkbox" id=\"cb\" ' + cnt + '>').appendTo(row); 

其中cnt是在每个循环中以整数递增的变量

这里的连接有问题 - 非常有帮助

Answer 1

似乎你已经提前关闭了报价，即它没有添加cnt变量。

尝试

$('<td valign="top"></td>').append('<input type="checkbox" id=\"cb' + cnt + '\">').appendTo(row);

而不是

$('<td valign="top"></td>').append('<input type="checkbox" id=\"cb\" ' + cnt + '>').appendTo(row);

Answer 2

你有没看过你的输出？

此代码：

'<input type="checkbox" id=\"cb\" ' + cnt + '>'

会产生这个输出：

<input type="checkbox" id="cb" 1>

该错误1与id值无关。相反，将其作为值的一部分包含在内。您也可以删除\个字符，因为您不需要在此处转义引号：

'<input type="checkbox" id="cb' + cnt + '">'

哪会产生：

<input type="checkbox" id="cb1">

Answer 3

您可以使用jQuery(html, attributes)

$("<td>", {
   valign: "top",
   html: "<input type=checkbox id=cb" + cnt + ">"
}).appendTo(row);