按索引获取行答案

【问题标题】：get row by index按索引获取行
【发布时间】：2011-06-22 00:35:40
【问题描述】：

如何通过索引获取一行？

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

【问题讨论】：

同样，jQuery 有很好的文档：api.jquery.com/category/traversing。你想要eq。
eq() 并没有真正命名为与此有关..
这是在your last question 中回答的。
@clarkk：为什么不呢？它说 “将匹配元素集减少到指定索引处的元素。” 你有一组行 (rows)，你想要具有特定索引的行 (0) .看起来很合身。
我同意@Felix。此外，如果您只需在“搜索 jQuery”字段中输入 index，您就会得到答案。

标签： jquery

【解决方案1】：

使用.eq()。

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

...或者对于您的简单情况，.first():

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

【讨论】：

【解决方案2】：

使用eq() 函数：

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

或:eq() 选择器：

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

【讨论】：

【解决方案3】：

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

【讨论】：

【解决方案4】：

你可以的

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

【讨论】：

【解决方案5】：

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

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

将获得第三个 td。

【讨论】：

【解决方案6】：

您可以在HTMLTableElement 上使用本机rows^[docs] 属性。

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

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

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

【讨论】：

【解决方案7】：

使用eq()

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

【讨论】：

【解决方案8】：

对于第一个元素（索引 0），为您之前的问题提供的答案应该没问题。

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

例如：

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

【讨论】：

【解决方案9】：

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

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

请注意，您将获得 DOM 对象，而不是 jQuery 对象：

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

【讨论】：