знайти останній html елемент з jquery для спеціального атрибута - javascript, jquery, html

У мене є стіл. Завжди кілька рядків у таблиці містять такий атрибут 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.

Відповіді:

Спробуйте це: використовуйте :last що дасть вам останню відповідність вибору. :last-child вибере останню дочірню таблицю та спробує відповідати іншим критеріям відбору (selectrow="selectrow" у вашому випадку), а якщо збіг не знайдено, буде повторено -1.

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

JSfiddle Demo

Більше інформації про
: останній
: остання дитина

Спробуйте це

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

він поверне об'єкт останнього tr.