Mehrere gute Möglichkeiten, Geschwisterelemente mit jQuery_jquery abzurufen

Wenn Sie die Geschwisterelemente eines bestimmten Elements abrufen möchten, können Sie den benachbarten Geschwisterkombinator () verwenden, bei dem beide Seiten des Inhalts Selektorausdrücke sind.
Wenn Sie im folgenden Beispiel alle direkten Geschwisterelemente h2 von h1 erhalten möchten

Code kopieren Der Code lautet wie folgt:

< h1>Haupttitel

Abschnittstitel

Einige Inhalte...

;

Weitere Inhalte ...

Sie können es direkt verwenden

Code kopieren Der Code lautet wie folgt:

$('h1 h2')

// ALLE h2-Elemente auswählen, die benachbart sind Geschwister von H1-Elementen


Wenn Sie die Geschwisterelemente von h1 filtern möchten, können Sie natürlich auch

Kopieren Sie den Code Der Code lautet wie folgt:

$ ('h1').siblings('h2,h3,p');

// Alle H2, H3, auswählen und P-Elemente, die Geschwister von H1-Elementen sind


Wenn Sie alle Geschwisterelemente nach dem aktuellen Element erhalten möchten, können Sie nextAll()

beispielsweise für den folgenden HTML-Code verwenden

Kopieren Sie den Code Code wie folgt:

;Erster Artikel

Zweiter Artikel

Dritter Artikel

li>

Fünfter Eintrag

Wenn Sie alle li-Elemente nach dem zweiten Eintrag erhalten möchten, können Sie Folgendes verwenden Code

Kopieren Sie den Code Der Code lautet wie folgt: $('li.selected' ).nextAll('li');

Das obige Beispiel kann auch mit dem allgemeinen Geschwisterkombinator (~) implementiert werden

Code kopierenDer Code lautet wie folgt: $('li.selected ~ li');

Um direkte Geschwisterelemente zu erhalten, müssen Sie kann next() auch direkt verwenden, ohne den Selektor zu verwenden.

Code kopieren Der Code lautet wie folgt: var topHeaders = $('h1') ;

topHeaders.next('h2').css('margin', '0);

Erklärung dieser Website

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn