พ่อแม่ jQuery () วิธีการ
ตัวอย่าง
กลับ <span> องค์ประกอบบรรพบุรุษทั้งหมด:
$("span").parents().css({"({"color":"red","border":"2px solid red"});
});
ผล:
- ul (grandparent)
- li (direct parent) span
ลอง»
ความหมายและการใช้งาน
พ่อแม่ผู้ปกครอง () วิธีการส่งกลับบรรพบุรุษขององค์ประกอบทั้งหมดขององค์ประกอบที่เลือก
พ่อของบรรพบุรุษปู่ทวดและอื่น ๆ
ต้นไม้ DOM: วิธีการนี้ลัดเลาะบรรพบุรุษขึ้นมาจากองค์ประกอบหลักองค์ประกอบ DOM จนเส้นทางขององค์ประกอบรากเอกสาร (<html>)
หมายเหตุ: หากพารามิเตอร์ตัวกรองเป็นที่ว่างเปล่ากระบวนการโดยตรงจากองค์ประกอบหลักจนกว่า <body> และ <html> เลือกทุกเส้นทางขององค์ประกอบในคอลเลกชันของบรรพบุรุษทั้งหมด เพื่อผ่านขอบเขตแคบ ๆ ของผลการค้นหาแสดงออกเลือกเป็นประโยชน์อย่างมาก
วิธีการนี้จะ ใกล้เคียงที่สุด () มีการสำรวจขึ้นต้นไม้ DOM ที่แตกต่างกันคือ
พ่อแม่ผู้ปกครอง ()
- เริ่มต้นจากองค์ประกอบหลัก
- ตามโครงสร้างต้นไม้ DOM สำรวจเส้นทางขึ้นและผลตอบแทนการแสดงออกตรงกับบรรพบุรุษทั้งหมดที่ส่งผ่าน
- ส่งกลับศูนย์หนึ่งหรือมากกว่าองค์ประกอบของวัตถุ jQuery
ที่ใกล้เคียงที่สุด ()
- เริ่มต้นจากองค์ประกอบปัจจุบัน
- traversal บรรพบุรุษแรกพร้อมต้นไม้ DOM ขึ้นและผลตอบแทนการแสดงออกของการจับคู่ที่ผ่านมา
- ส่งกลับศูนย์หรือองค์ประกอบหนึ่งของวัตถุ jQuery
วิธีการอื่น ๆ ที่เกี่ยวข้อง:
- ผู้ปกครอง () - ส่งกลับองค์ประกอบหลักโดยตรงขององค์ประกอบที่เลือก
- parentsUntil () - ส่งกลับบรรพบุรุษของพารามิเตอร์องค์ประกอบระหว่างคนทั้งสองไป
ไวยากรณ์
参数 | 描述 |
---|---|
filter | 可选。规定缩小搜索祖先元素范围的选择器表达式。 注意:如需返回多个祖先,请使用逗号分隔每个表达式。 |
ตัวอย่างเพิ่มเติม
จำกัด การค้นหาของคุณ
วิธีการใช้พารามิเตอร์ตัวกรองที่จะกลับ <span> บรรพบุรุษทั้งหมดของ <ul> องค์ประกอบ
กลับบรรพบุรุษหลาย
วิธีการใช้พารามิเตอร์ตัวกรองที่จะกลับ <span> บรรพบุรุษทั้งหมดของ <li> และ <div> องค์ประกอบ
สาธิตโดยบรรพบุรุษองค์ประกอบชื่อแท็ก
สาธิต <span> บรรพบุรุษองค์ประกอบ