按索引获取行
你如何通过索引获得一排?
var rows = $('tr', tbl); rows.index(0).addClass('my_class');
使用.eq()
。
var rows = $('tr', tbl); rows.eq(0).addClass('my_class');
…或者对于你的简单案例, .first()
:
rows.first().addClass('my_class');
使用eq()
函数:
rows.eq(0).addClass('my_class');
或者:eq()
选择器:
$('tr:eq(0)', tbl).addClass('my_class');
var row=$('tr:eq(5)', tbl); // returns the 5th row
你可以做
$('tr:eq(0)', tbl).addClass('my_class');
更多关于此http://api.jquery.com/eq-selector/
您可以在选择器中使用nth-child:
$('tr td:nth-child(3)').addClass('my_class');
将获得第三个td。
使用eq()
$('tr', tbl).eq(0).addClass('my_class');
您可以使用HTMLTableElement
上的本机rows
[docs]属性。
$(tbl[0].rows[0]).addClass('my_class');
正如@Felix所指出的,我假设tbl
是一个jQuery对象。 如果没有,请执行此操作:
$(tbl.rows[0]).addClass('my_class');
对于第一个元素(索引0),提供给您之前问题的答案应该没问题。
对于任何第n个元素,使用eq选择器
例如:
var rows = $('tr:eq(8)', tbl);
检索jQuery对象匹配的DOM元素。
.get([index])
index从零开始的整数,指示要检索的元素。
请注意,您将获得DOM对象,而不是jQuery对象:
var rows = $('tr', tbl); $(rows.get(0)).addClass('my_class');