jQuery การวนลูป - บิดา

องค์ประกอบพ่อคือพ่อ ปู่ หรือปู่ของปู่ และอื่นๆ

ผ่าน jQuery คุณสามารถวนลูกขึ้นไปในต้นไม้ DOM เพื่อหาองค์ประกอบพ่อขององค์ประกอบ

วนลูกขึ้นไปในต้นไม้ DOM

วิธีการ jQuery นี้มีประโยชน์มาก พวกมันใช้เพื่อวนลูกขึ้นไปในต้นไม้ DOM

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

jQuery วิธีการ parent()

วิธีการ parent() กลับคืนองค์ประกอบพ่อขององค์ประกอบที่เลือก

วิธีการนี้จะเดินทางขึ้นไปเพียงหนึ่งระดับของต้นไม้ DOM

ตัวอย่างด้านล่างนี้กลับคืนองค์ประกอบพ่อขององค์ประกอบ <span> ตามลำดับ

ตัวอย่าง

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

ทดลองด้วยตัวเอง

jQuery วิธีการ parents()

วิธีการ parents() กลับคืนทุกองค์ประกอบพ่อขององค์ประกอบที่เลือก ตามลำดับไปจนถึงองค์ประกอบรากของเอกสาร (<html>)

ตัวอย่างด้านล่างนี้กลับคืนทุกองค์ประกอบพ่อขององค์ประกอบ <span>

ตัวอย่าง

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

ทดลองด้วยตัวเอง

คุณยังสามารถใช้ตัวแปรที่เลือกได้เพื่อกรองการค้นหาองค์ประกอบพ่อ

ตัวอย่างด้านล่างนี้กลับคืนทุกองค์ประกอบพ่อขององค์ประกอบ <span> และมันเป็นองค์ประกอบ <ul>

ตัวอย่าง

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

ทดลองด้วยตัวเอง

jQuery วิธีการ parentsUntil()

วิธีการ parentsUntil() กลับคืนทุกองค์ประกอบพ่อที่อยู่ระหว่างสององค์ประกอบที่กำหนด

ตัวอย่างด้านล่างนี้กลับคืนทุกองค์ประกอบพ่อขององค์ประกอบ <span> และ <div> ตามลำดับ

ตัวอย่าง

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

ทดลองด้วยตัวเอง

jQuery คู่มืออิเล็กทรอนิกส์การวนลูก

หากต้องการรู้ถึงทุกวิธีการวนลูก jQuery โปรดเข้าเว็บไซต์ของเรา jQuery คู่มืออิเล็กทรอนิกส์การวนลูก