for循环内部的jquery函数

Question

我试图在jquery函数内重复一些东西.我尝试了一个for循环,但似乎它不喜欢语法.例如,我有变量

var number = 2;

我现在有

$('tr').html('<td id="'+number+'"></td>');

我想要做的是从0循环到数字(0,1,2),以便最终我得到3.谢谢

Answer 1

有可能是一个更好的办法,但这应该工作.

var loops = [1,2,3];

$.each(loops, function(index, val) {
  $('tr').html('<td id="myCell' + index + '"></td>');
});

这也应该工作(常规JS):

var i;
for(i=0; i<3; i++) {
  $('tr').html('<td id="myCell' + i + '"></td>');
}

请注意我如何用"myCell"这个词作为前缀id,以确保XHTML符合性.(感谢@Peter Ajtai指出这一点).

编辑

我刚刚注意到另一个问题 - 您正在使用.html函数添加单元格.但.html会替换匹配元素的整个html.所以你只会得到最后一个细胞.:)

您可能正在寻找.append函数:

$('tr').append('<td id="myCell' + i + '"></td>');

编辑2 - 在myCell之前移动双引号而不是之后.