使用jquery为特殊属性查找最后一个html元素

Question

我有一张桌子。表格中的多行始终包含selectrow="selectrow"等属性。例如，第3行和第4行具有selectrow="selectrow"属性。现在我想找出具有selectrow="selectrow"属性的最后一行的索引。我不想每个都使用。我搜索这样的解决方案：

$("table > tbody > tr[selectrow='selectrow']:last-child").index();

这是html：

<table>
 <tbody>
  <tr >
  </tr>
  <tr>
  </tr>
  <tr selectrow="selectrow">
  </tr>
  <tr selectrow="selectrow">
  </tr>
  <tr>
  </tr>
  <tr>
  </tr>
 </tbody>
</table>

在这个例子中我想得到4。

Answer 1

试试这个：使用:last，它将为您提供最后匹配的选择。 :last-child将选择表的最后一个子项并尝试匹配其他选择条件（在您的情况下为selectrow='selectrow'），如果未找到匹配，则它将返回-1。

$("table > tbody > tr[selectrow='selectrow']:last").index();

<强> JSfiddle Demo

有关
的更多信息 的 :last
的 :last-child

Answer 2

试试这个

$("table > tbody > tr[selectrow='selectrow']").last();

它将返回上一个tr的对象。