JQuery-Suchvorgang für übergeordnete Elemente method

JQuery-Suchvorgang für übergeordnete Elemente method_jquery

WBOY

Freigeben： 2016-05-16 16:14:43

Original

1211 Leute haben es durchsucht

Das Beispiel in diesem Artikel beschreibt die JQuery-Suchoperationsmethode für übergeordnete Elemente. Teilen Sie es als Referenz mit allen. Die spezifische Analyse lautet wie folgt:

1. parent()-Methode

Format:

Code kopieren Der Code lautet wie folgt:

parents([selector])

ist Wird verwendet, um die aktuelle Übereinstimmung mit den Vorfahrenelementen jedes Elements in der Elementsammlung abzurufen. Bei Bedarf können Sie auch einen Selektor zum Filtern verwenden.
Zum Beispiel:

Code kopieren Der Code lautet wie folgt:

$("p").parents().css ("Rand", "1px durchgehend blau);

2. Cloest-Methode

Format:

Code kopieren Der Code lautet wie folgt:

closest(selector[, context])

Diese Methode vergleicht ausgehend vom Element selbst die übergeordneten Elemente und gibt das erste übereinstimmende Element zurück.
Zum Beispiel:

Code kopieren Der Code lautet wie folgt:

$("a").closest("div" ).css( "border", "1px solid blue");

Die Hauptunterschiede zwischen den Methoden cloest() und parent() sind wie folgt:

① Ersteres beginnt mit dem Abgleich und der Suche ab dem aktuellen Element, und letzteres beginnt mit dem Abgleich und der Suche ab dem übergeordneten Element

② Ersteres sucht Schritt für Schritt nach oben, bis es ein passendes Element findet, und stoppt dann. Letzteres sucht nach oben bis zum Stammelement, fügt diese Elemente dann in eine temporäre Sammlung ein und verwendet dann den angegebenen Selektorausdruck zum Filtern.

③ Ersteres gibt 0 oder 1 Element zurück, und letzteres kann 0, 1 oder mehr Elemente enthalten.

3. parent()-Methode

Format:

Code kopieren Der Code lautet wie folgt:

parent([selector])

ist Wird verwendet, um den aktuellen Wert abzurufen. Entspricht dem übergeordneten Element jedes Elements in der Elementsammlung und filtert optional mithilfe eines Selektors.

Zum Beispiel:

Code kopieren Der Code lautet wie folgt:

$("p").parent( ).css( "border", "1px solid blue");

4. parentUtil()-Methode

Format:

Code kopieren Der Code lautet wie folgt:

parentsUtil([selector])

ist Wird verwendet, um den aktuellen Wert abzurufen. Entspricht den Vorfahren jedes Elements in der Menge von Elementen bis zu dem Element, das mit dem angegebenen Selektor übereinstimmt, jedoch nicht einschließlich

Zum Beispiel:

Code kopieren Der Code lautet wie folgt:

$("li#li2"). parentUtil("# ul1_li2").css("background", "#FCF");

5. offsetParent()-Methode

wird verwendet, um nach dem positionierten übergeordneten Element des ersten übereinstimmenden Elements zu suchen. Es gilt nur für sichtbare Elemente. Die Syntax lautet wie folgt:

Code kopieren Der Code lautet wie folgt:

offsetParent()

Diese Methode findet das positionierte Element des ersten passenden Elements und gibt ein von diesem Element umschlossenes jQuery-Objekt zurück.

Umfassendes Beispiel:

Code kopieren Der Code lautet wie folgt:

🎜> Durchsuchen Sie das Dokument nach den Vorgängerelementen und übergeordneten Elementen des angegebenen Elements