jQuery的。每个函数的问题

Question

我有以下的jQuery .each loop：

$('.table-data tbody tr td').each(function(index) { 

    $('.table-data tbody tr td' + ':nth-child(' + index + ')').addClass('nth-' + index); 


}); 

的问题是，它会工作，但.table-data tbody tr td'的最后一个元素不会得到一个类。为什么？

这是因为index是基于0吗？如何使其循环index + 1次？

Answer 1

您不需要使用索引深入到当前元素，它比这更容易！

$(".table-data tbody td").each(function(index){ 
    $(this).addClass("nth-" + index); 
}); 

要重新编号内每一行的TD元素，试试这个。

$(".table-data tbody tr").each(function(index){ 
    $(this).find("td").each(function(index){ 
     $(this).addClass("nth-" + index); 
    }); 
}); 

，或者，如果你想成为一个有点聪明，这...

$(".table-data tbody td").each(function(){ 
    $(this).addClass("n-" + $(this).index()); 
}); 

在操作中查看：http://jsbin.com/usaqix

Answer 2

第n个孩子从1开始，所以是的，你的基于零的索引将无法正确工作。您需要在使用索引变量的地方执行索引+1，但它会迭代正确的次数。