jquery - jQuery每个数字

Question

我有个主意做这样的桌子

 1. something1
 2. something2
 3. something3

我做了一张桌子：

<table>
   <tr><td id="rb">...
   <tr><td id="rb">...
</table>

所以在#rb中是这个从1开始的序列号。

我有这个 jQuery 代码，但它不起作用。你能帮忙吗:)

            $('tr').each(function(index) 
            {
                  $('#rb').append(index);
             });

它只是让

       012345

在第一个#rb

提前致谢！

Answer 1

您不能#id多次使用。

相反，您可以使用任何一个类.rb：

$('tr').each(function(index){
   $(this).children('.rb')append(index+1);
});

或者像这样的方法，只需选择每个的孩子tr（根据您的 HTML 结构可能不起作用）：

$('tr').each(function(index) { //index will start at 0
   $(this).children('td').append(index+1); //$(this) is the tr, its child element of td is selected, then the index is appended
});

Answer 2

您不应该为同一 HTML 文档中的多个元素提供相同的 id。您可以使用class="rb"代替。

$('tr').each(function(index) {
   $(this).find('.rb').append(index);
});