jQuery-Suchmethode für Geschwisterelemente_jquery

Das Beispiel in diesem Artikel beschreibt die jQuery-Methode zur Suche nach Peer-Elementen. Teilen Sie es als Referenz mit allen. Die spezifische Analyse lautet wie folgt:

1. next()-Methode

wird verwendet, um nach einem einzelnen Geschwisterelement zu suchen, das unmittelbar auf jedes übereinstimmende Element folgt. Sie können auch einen Selektor angeben, um nach Bedarf Geschwisterelemente zu filtern

Code kopieren Der Code lautet wie folgt:

next([selector])

$("p").next("p").css("color", "#FCF");

2. nextAll()-Methode

wird verwendet, um nach allen gleichgeordneten Elementen zu suchen, die unmittelbar auf jedes übereinstimmende Element folgen. Bei Bedarf können Sie auch einen Selektor zum Filtern von gleichgeordneten Elementen angeben

Code kopieren Der Code lautet wie folgt:

nextAll([selector])

$("p").nextAll().css("color", "blue");

3. nextUtil()-Methode

wird verwendet, um die Geschwisterelemente abzurufen, die unmittelbar auf jedes übereinstimmende Element folgen, bis zu (aber nicht einschließlich) dem Element, das mit dem angegebenen Selektor übereinstimmt, im folgenden Format:

Code kopieren Der Code lautet wie folgt:

nextUtil([selector])

Beispiel:

Code kopieren Der Code lautet wie folgt:

$("#div1").nextUtil( "div" .css("border", "1px solid red");

Setzen Sie die Ränder aller dazwischen liegenden Geschwisterelemente vom Element mit der ID div1 bis zum Ende des nächsten div-Elements auf Rot

4. prev()-Methode

wird verwendet, um unmittelbar vor jedem übereinstimmenden Element nach einem einzelnen Geschwisterelement zu suchen. Sie können auch einen Selektor angeben, um nach Bedarf Geschwisterelemente zu filtern

Code kopieren Der Code lautet wie folgt:prev([selector])

Beispiel:

Code kopieren Der Code lautet wie folgt:$("#div2").prev( "span" .css("color", "blue");

Die Schriftart des span-Elements unmittelbar vor dem div2-Element wird blau.

5. prevAll()-Methode

wird verwendet, um nach allen Geschwisterelementen vor dem aktuellen Element zu suchen. Sie können auch einen Selektor angeben, um Geschwisterelemente zu filtern. Das Syntaxformat ist wie folgt:

Code kopieren Der Code lautet wie folgt:prevAll([selector])

6. prevUtil()-Methode

wird verwendet, um alle Geschwisterelemente vor dem aktuellen Element zu durchsuchen, bis das passende Element gefunden wird. Das Syntaxformat ist wie folgt:

Code kopieren Der Code lautet wie folgt:prevUtil([selector])

$("#div2").prevUtil("input").css("color", "red");

7. Geschwister()-Methode

wird verwendet, um alle Geschwisterelemente jedes übereinstimmenden Elements zu durchsuchen. Bei Bedarf können Sie auch einen Selektor angeben, um diese Geschwisterelemente zu filtern. Das Format ist wie folgt:

Code kopieren Der Code lautet wie folgt:Geschwister ([Selektor])

$("div").siblings().css("color", "red");

Ein Beispiel ist wie folgt:

Code kopieren Der Code lautet wie folgt:

🎜>

Statustabelle für Hotelzimmerunterkünfte

Einzelzimmer (bereits belegt)	Doppelzimmer (ohne Aufenthalt)	Deluxe Suite (Bereits übernachtet)	Einzelzimmer (bereits belegt)	Deluxe Suite (ohne Aufenthalt)
Einzelzimmer (bereits belegt)	Doppelzimmer (ohne Aufenthalt)	Deluxe Suite (ohne Aufenthalt)	Einzelzimmer (ohne Aufenthalt)	Deluxe Suite (ohne Aufenthalt)
Einzelzimmer (ohne Aufenthalt)	Doppelzimmer (ohne Aufenthalt)	Deluxe Suite (Bereits übernachtet)	Einzelzimmer (bereits belegt)	Deluxe Suite (ohne Aufenthalt)
Einzelzimmer (bereits belegt)	Doppelzimmer (bereits belegt)	Deluxe Suite (ohne Aufenthalt)	Einzelzimmer (ohne Aufenthalt)	Deluxe Suite (Bereits übernachtet)
Einzelzimmer (bereits belegt)	Doppelzimmer (ohne Aufenthalt)	Deluxe Suite (Bereits übernachtet)	Einzelzimmer (bereits belegt)	Deluxe Suite (ohne Aufenthalt)

Die Darstellung ist wie folgt:




Ich hoffe, dass dieser Artikel für alle bei der jQuery-Programmierung hilfreich sein wird.