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