jQuery parent ()เมธอด
ตัวอย่าง
ส่งคืนองค์ประกอบหลักโดยตรงของ <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 ระดับเดียวเท่านั้น ในการสำรวจไปจนถึงองค์ประกอบรากของเอกสาร (เพื่อส่งคืนปู่ย่าตายายหรือบรรพบุรุษอื่น ๆ ) ให้ใช้ parent( )หรือparentUntil( )
เคล็ดลับ:หากต้องการสำรวจระดับเดียวตามแผนผัง DOM หรือไปจนถึงลูกหลานคนสุดท้าย (เพื่อส่งคืนลูกหรือผู้สืบทอดอื่นๆ) ให้ใช้เมธอดchildren()หรือ find()
ไวยากรณ์
$(selector).parent(filter)
| Parameter | Description |
|---|---|
| filter | Optional. Specifies a selector expression to narrow down the parent search |
ลองด้วยตัวคุณเอง - ตัวอย่าง
วิธีคืนค่าพาเรนต์โดยตรงขององค์ประกอบ <span> แต่ละรายการ
วิธีใช้พารามิเตอร์ตัวกรองเพื่อส่งคืนองค์ประกอบหลัก <li> ด้วยชื่อคลาส "first" ของแต่ละ <span>
วิธีคืนค่าองค์ประกอบหลัก <div> ของแต่ละองค์ประกอบ <p>
การสาธิตที่แสดงว่าบรรพบุรุษขององค์ประกอบ <span> เป็นใคร