jQuery Browsen - Kinderen

Nakomelingen zijn nakomelingen, kleinkinderen, achterkleinkinderen, enz.

Met jQuery kunt u het DOM-boom naar beneden doorzoeken om nakomelingselementen te vinden.

Omlaag doorzoeken van het DOM-boom

Hier zijn twee jQuery-methoden voor het naar beneden doorzoeken van het DOM-boom:

  • children()
  • find()

jQuery children() methode

De children() methode retourneert alle directe nakomelingselementen van de geselecteerde elementen.

Deze methode voert alleen een doorzoeking uit naar het volgende niveau van het DOM-boom.

De volgende voorbeeld retourneert alle directe nakomelingselementen van elk <div>-element:

Voorbeeld

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

Probeer het zelf uit

U kunt ook optionele parameters gebruiken om de zoekopdracht naar nakomelingselementen te filteren.

De volgende voorbeeld retourneert alle <p>-elementen met klasse "1", en die directe nakomelingen zijn van <div>:

Voorbeeld

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

Probeer het zelf uit

jQuery find() methode

De find() methode retourneert nakomelingselementen van de geselecteerde elementen, naar beneden tot aan het laatste nakomeling.

De volgende voorbeeld retourneert alle <span>-elementen die nakomelingen zijn van <div>:

Voorbeeld

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

Probeer het zelf uit

De volgende voorbeeld retourneert alle nakomelingen van <div>:

Voorbeeld

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

Probeer het zelf uit

jQuery doorzoeks referentiemanual

Voor een overzicht van alle jQuery doorzoeksmethoden, bezoek onze jQuery doorzoeks referentiemanual.