Finden Sie das Element vor und nach einem bestimmten Element

Lesezeit: 1 Minute

Benutzer-Avatar
Rebellion

Ich habe eine Liste mit Links, die ich mit Tabs verwende. Es sieht aus wie das:

<ul>
    <li><a href="#">First tab</a></li>
    <li><a href="#">Second tab</a></li>
    <li class="active"><a href="#">Active tab</a></li>
    <li><a href="#">Fourth tab</a></li>
    <li><a href="#">Fifth tab</a></li>
</ul>

Wie finde ich das Listenelement vor und nach dem aktiven Tab? (In diesem Fall die zweite und vierte Registerkarte).

Habe es mit find versucht, ohne Erfolg 🙁

$("li.active").next();

und

$("li.active").prev();

  • Wenn Sie gezielt das nächste und vorherige li-Element finden möchten, können Sie den Methoden auch einfach einen Selektor zuweisen: $(‘li.active’).next(‘li’);

    – Tomás Aschan

    30. Mai 2009 um 12:43 Uhr

  • Danke, hat genau so funktioniert wie ich es wollte! Kann nicht verstehen, warum ich mit find() herumstolpere 😛

    – Rebellion

    30. Mai 2009 um 13:36 Uhr

  • Um die beiden Elemente in derselben Menge zu erhalten, können Sie auch etwas wie $(“li.active”).prev(“li”).add(“li.active + li”); tun.

    – John Foster

    30. Mai 2009 um 13:39 Uhr

  • Eine andere Möglichkeit, die beiden Elemente in derselben Menge zu erhalten, wäre $(“li.active”).prev(“li”).add($(“li.active”).next(“li”));

    – Cezar

    26. November 2012 um 23:07 Uhr


1233470cookie-checkFinden Sie das Element vor und nach einem bestimmten Element

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

Privacy policy