Finde das letzte html Element mit jquery für spezielle Attribute - javascript, jquery, html

Ich habe einen tisch Immer mehrere Zeilen in der Tabelle enthalten ein Attribut wie selectrow="selectrow". Zum Beispiel 3. und 4. Reihe haben selectrow="selectrow" Attribut. Jetzt möchte ich den Index der letzten Reihe herausfinden, die haben selectrow="selectrow" Attribut. Ich möchte nicht jeden benutzen. Ich suche nach einer Lösung wie dieser:

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

Das ist HTML:

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

In diesem Beispiel möchte ich 4 bekommen.

Antworten:

Versuchen Sie dies: verwenden :last Das gibt Ihnen die letzte der passenden Auswahl. :last-child wählt das letzte untergeordnete Element der Tabelle aus und versucht, die anderen Auswahlkriterien zu erfüllen (selectrow="selectrow" in Ihrem Fall) und wenn keine Übereinstimmung gefunden wird, wird -1 erneut ausgeführt.

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

JSfiddle Demo

Weitere Informationen zu
:zuletzt
:letztes Kind

Versuche dies

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

es wird das Objekt des letzten zurückgeben tr.