jQuery Traversal - Descendants

Ang mga lahi ay ang mga anak, apo, apo ng apo, at iba pa.

Sa pamamagitan ng jQuery, maaari kang humahanap ng lahat ng lahi ng DOM tree sa ibaba para sa paghahanap ng mga lahi ng elemento.

Paghahanap ng lahat ng lahi sa DOM tree

Narito ang dalawang pamamaraan ng jQuery na ginagamit para sa paghahanap ng lahat ng lahi ng DOM tree sa ibaba:

  • children()
  • find()

jQuery pamamaraan na children()

Ang pamamaraan na ito ay nagbibigay ng lahat ng direktang mga anak ng pinili na elemento.

Ang pamamaraan na ito ay makakatulong lamang sa paghahanap sa unang antas ng DOM tree.

Ang mga sumusunod na halimbawa ay nagbibigay ng lahat ng direktang mga anak ng bawat <div> elemento:

Mga halimbawa

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

Subukan nang personal

Maaari mo ring gamitin ang opisyal na argumento upang magbubunyag sa paghahanap sa mga anak.

Ang mga sumusunod na halimbawa ay nagbibigay ng lahat ng <p> na may klase "1", at sila'y direktang mga anak ng <div>:

Mga halimbawa

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

Subukan nang personal

jQuery paghahanap() na pamamaraan

Ang paghahanap() na pamamaraan ng jQuery ay nagbibigay ng lahat ng lahi ng pinili na elemento, hanggang sa huling lahi.

Ang mga sumusunod na halimbawa ay nagbibigay ng lahat ng <span> na elemento na nasa lahi ng <div>:

Mga halimbawa

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

Subukan nang personal

Ang mga sumusunod na halimbawa ay nagbibigay ng lahat ng mga lahi ng <div>:

Mga halimbawa

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

Subukan nang personal

jQuery Timpla ng Paglihis

Para sa kabuuan ng mga jQuery paglihis na pamamaraan, mangyaring bisitahin ang aming jQuery Timpla ng Paglihis