ตัวอย่าง
กลับองค์ประกอบหลักโดยตรงของ <span> :
$(document).ready(function(){
$("span").parent().css({"color": "red", "border": "2px
solid red"});
});
ผล:
body (great-great-grandparent)
div (great-grandparent)
ul (grandparent)
- li (direct parent)
span
ลองตัวเอง» ความหมายและการใช้งาน
parent() วิธีการส่งกลับองค์ประกอบหลักโดยตรงขององค์ประกอบที่เลือก
ต้นไม้ DOM: วิธีการนี้เท่านั้นสำรวจระดับเดียวถึงต้นไม้ DOM การสำรวจทั้งหมดทางขึ้นไปยังองค์ประกอบรากของเอกสาร (จะกลับมาหรือปู่ย่าตายายบรรพบุรุษอื่น ๆ ) ให้ใช้ parents() หรือ parentsUntil () วิธีการ
เคล็ดลับ: การสำรวจระดับเดียวต้นไม้ DOM หรือตลอดทางลงไปลูกหลานที่ผ่านมา (จะกลับมาเด็กหรือลูกหลานอื่น ๆ ) ให้ใช้ children() หรือ find() วิธีการ
วากยสัมพันธ์
$(selector).parent( filter )| พารามิเตอร์ | ลักษณะ |
|---|---|
| filter | ไม่จำเป็น ระบุการแสดงออกเลือกที่จะ จำกัด การค้นหาของผู้ปกครอง |
ลองตัวเอง - ตัวอย่าง
กลับผู้ปกครองโดยตรงของแต่ละ <span> องค์ประกอบ
วิธีการคืนผู้ปกครองโดยตรงของแต่ละ <span> องค์ประกอบ
ค้นหาแคบลง
วิธีการใช้พารามิเตอร์ตัวกรองที่จะกลับแม่ <li> องค์ประกอบด้วยชื่อชั้น "first" ของแต่ละ <span>
กลับผู้ปกครองโดยตรง <div> องค์ประกอบของแต่ละ <p> องค์ประกอบ
วิธีการคืนทั้งหมดผู้ปกครองโดยตรง <div> องค์ประกอบของแต่ละ <p> องค์ประกอบ
แสดงองค์ประกอบบรรพบุรุษขององค์ประกอบโดยชื่อแท็ก
การสาธิตซึ่งแสดงให้เห็นที่บรรพบุรุษของที่ <span> องค์ประกอบที่เป็นจริง