jQuery gennemgang - forfædre

Anker er forælder, bedsteforælder eller oldeforælder osv.

Gennem jQuery kan du traversere DOM-træet opad for at finde elementets anker.

Traverse DOM-træet opad

Disse jQuery-metoder er meget nyttige, de bruges til at traversere DOM-træet opad:

  • parent
  • parents
  • parentsUntil

jQuery parent() metoden

parent() metoden returnerer den direkte forælder for det valgte element.

Denne metode vil kun traversere DOM-træet opad til én niveau.

De følgende eksempler returnerer den direkte forælder for hvert <span>-element:

Eksempel

$("document").ready(function(){
  $("span").parent();
});

Prøv det selv

jQuery parents() metoden

parents() metoden returnerer alle ankerlementer for det valgte element, det går op ad DOM-træet indtil rødelementet (<html>).

De følgende eksempler returnerer alle ankerlementer for alle <span>-elementer:

Eksempel

$("document").ready(function(){
  $("span").parents();
});

Prøv det selv

Du kan også bruge valgfri parametre til at filtrere søgningen efter ankerlementer.

De følgende eksempler returnerer alle ankerlementer for alle <span>-elementer, og det er <ul>-elementet:

Eksempel

$("document").ready(function(){
  $("span").parents("ul");
});

Prøv det selv

jQuery parentsUntil() metoden

parentsUntil() metoden returnerer alle ankerlementer mellem to givne elementer.

De følgende eksempler returnerer alle ankerlementer mellem <span> og <div>-elementer:

Eksempel

$("document").ready(function(){
  $("span").parentsUntil("div");
});

Prøv det selv

jQuery gennemgangshåndbog for at traversere

For at få viden om alle jQuery-metoder til traversering, besøg vores jQuery gennemgangshåndbog for at traversere。