jquery 函数内的 for 循环

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>');
}

请注意我如何在 id 前面添加单词“myCell”作为前缀，以确保 XHTML 合规性。 （感谢@Peter Ajtai 指出了这一点）。

编辑

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

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

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

编辑 2 - 将双引号移到 myCell 之前而不是之后。

Answer 2

这是使用匿名函数的选项。

$('TR').html(
    function(){
        var content=''; 
        for (var i=0; i<=2; i++  ){
            content=content+'<td id="id_'+i+'"></td>';
        }
        return content;
    }
)

Answer 3

这对我有用：

 loop.forEach((amount) => { 
     // your code
}