按索引获取行

时间:2011-06-21 16:20:56

标签: jquery

如何通过索引获得一行?

var rows = $('tr', tbl);
rows.index(0).addClass('my_class');

9 个答案:

答案 0 :(得分:21)

使用.eq()

var rows = $('tr', tbl);
rows.eq(0).addClass('my_class');

...或者对于您的简单案例,.first()

rows.first().addClass('my_class');

答案 1 :(得分:7)

使用eq()功能:

rows.eq(0).addClass('my_class');


:eq()选择器:

$('tr:eq(0)', tbl).addClass('my_class');

答案 2 :(得分:4)

var row=$('tr:eq(5)', tbl);  // returns the 5th row

答案 3 :(得分:3)

你可以做到

$('tr:eq(0)', tbl).addClass('my_class');

更多关于此http://api.jquery.com/eq-selector/

答案 4 :(得分:3)

您可以在选择器中使用nth-child:

$('tr td:nth-child(3)').addClass('my_class');

将获得第三个td。

答案 5 :(得分:2)

使用eq()

$('tr', tbl).eq(0).addClass('my_class');

答案 6 :(得分:2)

您可以使用HTMLTableElement上的原生rows[docs]属性。

$(tbl[0].rows[0]).addClass('my_class');

@Felix所述,我假设tbl是一个jQuery对象。如果没有,请执行以下操作:

$(tbl.rows[0]).addClass('my_class');

答案 7 :(得分:0)

对于第一个元素(索引0),提供给您之前问题的答案应该没问题。

对于任何第n个元素,请使用eq选择器

e.g:

var rows = $('tr:eq(8)', tbl);

答案 8 :(得分:0)

http://api.jquery.com/get/说:

  

检索jQuery对象匹配的DOM元素   .get([index])
   index一个从零开始的整数,指示要检索的元素。

请注意,您将获得DOM对象,而不是jQuery对象:

var rows = $('tr', tbl);
$(rows.get(0)).addClass('my_class');