jQuery – den Index eines Elements mit einer bestimmten Klasse abrufen

Lesezeit: 1 Minute

Ich habe eine Liste wie diese:

<li> .... </li>
<li> .... </li>
<li> .... </li>
<li class="active"> .... </li>
<li> .... </li>

Ich möchte den Index (Nummer in der Liste) des Elements mit dem “aktiven” Klassenelement herausfinden. in diesem Fall wäre der Index 4 (oder 3, wenn wir bei 0 beginnen) Wie kann ich das machen?

Benutzer-Avatar
HurnsMobil

Mit dem .Index() :

$('li.active').index()

Arbeitsbeispiel hier:

http://jsfiddle.net/EcZZL/

Bearbeiten – Link zur API für hinzugefügt .index() nach Nicks Rat

  • Was ist, wenn der Selektor ist $(this).hasClass("myClass")? Es hat keine index()-Funktion.

    – Suche nach Wissen

    12. Oktober 2016 um 14:49 Uhr

  • var g = parseInt($('div.slideIsActive').index()) + 1; gibt mir 1 aber dieses var index = $(this).find("div.slideIsActive").index() + 1; gibt mir 0. Wie kann ich bearbeiten, um zu bekommen 1 Verwendung der this Stichwort.

    – Suche nach Wissen

    12. Oktober 2016 um 14:50 Uhr

So was:

var index = $("ul li.active").index();

.index() ohne Parameter gibt den Index des Elements in Bezug auf seine Geschwister an, was Sie in diesem Fall wollen.

  • Sieht so aus, als hätte ich heute Morgen die erste Tasse Kaffee getrunken, Nick 😉

    – HurnsMobil

    8. Juli 2010 um 14:06 Uhr

  • @HurnsMobile – In der Tat 🙂 Stellen Sie sicher, dass Sie einen Link zu den entsprechenden Funktionen angeben, die Sie verwenden, wenn möglich, das hilft zukünftigen Googlern … noch mehr .index() weil es mehrere sehr unterschiedliche Verwendungen hat 🙂

    – Nick Craver

    8. Juli 2010 um 14:07 Uhr

1018350cookie-checkjQuery – den Index eines Elements mit einer bestimmten Klasse abrufen

This website is using cookies to improve the user-friendliness. You agree by using the website further.

Privacy policy