jQuery gennemgang - efterkommere

Efterkommere er børn, børnebørn, oldebørn osv.

Gennem jQuery kan du traversere DOM-træet nedad for at finde elementets efterkommere.

Nedadgående traversal af DOM-træet

Her er to jQuery-metoder til at traversere DOM-træet nedad:

  • children()
  • find()

jQuery children() metode

children() metoden returnerer alle direkte efterkommere af det valgte element.

Denne metode vil kun traversere DOM-træet ned til næste niveau.

Nedenstående eksempel returnerer alle direkte efterkommere af hvert <div>-element:

Eksempel

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

Prøv det selv

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

Nedenstående eksempel returnerer alle <p>-elementer med klassen "1", og som er direkte efterkommere af <div>:

Eksempel

$("document").ready(function(){
  $("div").children("p.1");
});

Prøv det selv

jQuery find() metode

find() metoden returnerer efterkommere af de valgte elementer, ned til den sidste efterkommer.

Nedenstående eksempel returnerer alle <span>-elementer, der er efterkommere af <div>:

Eksempel

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

Prøv det selv

Nedenstående eksempel returnerer alle efterkommere af <div>:

Eksempel

$("document").ready(function(){
  $("div").find("*");
});

Prøv det selv

jQuery gennemgangsmanual

For at få at vide alle jQuery-gennemgangsmetoder, besøg vores jQuery gennemgangsmanual。