jQuery traversering - anfäder

Föräldraläggare är förälder, farfar eller farfar och så vidare.

Genom jQuery kan du traversera DOM-trädet uppåt för att hitta elementets föräldraläggare.

Traversera DOM-trädet uppåt

Dessa jQuery-metoder är mycket användbara, de används för att traversera DOM-trädet uppåt:

  • parent()
  • parents()
  • parentsUntil()

jQuery parent() metoden

parent() metoden returnerar den direkta föräldern till det valda elementet.

Denna metod går bara en nivå upp i DOM-trädet.

Följande exempel returnerar den direkta föräldern till varje <span>-element:

Exempel

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

Prova själv

jQuery parents() metoden

parents() metoden returnerar alla föräldraläggarelement för det valda elementet, upp till dokumentets rodelement (<html>).

Följande exempel returnerar alla föräldraläggarelement för alla <span>-element:

Exempel

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

Prova själv

Du kan också använda valfria parametrar för att filtrera sökningen efter föräldraläggarelement.

Följande exempel returnerar alla föräldraläggarelement för alla <span>-element och det är <ul>-elementet:

Exempel

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

Prova själv

jQuery parentsUntil() metoden

parentsUntil() metoden returnerar alla föräldraläggarelement mellan två givna element.

Följande exempel returnerar alla föräldraläggarelement mellan <span> och <div>-elementen:

Exempel

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

Prova själv

jQuery Traversing Reference Manual

För att lära dig alla jQuery traversningsmetoder, besök vår jQuery Traversing Reference Manual。