与 jquery 追加函数中的变量连接

Question

如何在 jquery 的追加函数中连接一个变量？

我有一个循环，我在 html-table 中动态创建复选框。每个复选框都需要一个唯一的 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

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

Concatenate with variable in jquery append-function