jQuery เด็ก () วิธีการ
ตัวอย่าง
กลับ <ul> องค์ประกอบของเด็กโดยตรง
$("ul").children().css({"color":"red","border":"2px solid red"});
});
ผล:
- ul (parent)
- li (child) span (grandchild)
ลอง»
ความหมายและการใช้งาน
เด็ก () วิธีการส่งกลับองค์ประกอบที่เลือกทุกองค์ประกอบของเด็กโดยตรง
ต้นไม้ DOM: วิธีการนี้เป็นเพียงระดับเดียวสำรวจลงต้นไม้ DOM สำหรับภายในลงหลายระดับ (กลับลูกหลานของโหนดหรือลูกหลานอื่น ๆ ) ให้ใช้ หา () วิธีการ
เคล็ดลับ: การสำรวจต้นไม้ DOM ขึ้นตามระดับเดียวหรือผ่านทุกเส้นทางจนองค์ประกอบรากเอกสารขึ้น (ผลตอบแทนพ่อแม่หรือปู่ย่าตายายและอื่น ๆ ), การใช้งาน ปกครอง () หรือ ผู้ปกครอง () วิธีการ
หมายเหตุ: วิธีการนี้ไม่ได้กลับโหนดข้อความ หากต้องการกลับโหนดลูกทั้งหมดที่มีโหนดข้อความใช้ เนื้อหา () วิธีการ
ไวยากรณ์
参数 | 描述 |
---|---|
filter | 可选。规定缩小搜索子元素范围的选择器表达式。 |
ตัวอย่างเพิ่มเติม
กลับ <ul> องค์ประกอบของเด็กทั้งหมดทันที
วิธีการกลับองค์ประกอบ <ul> ทุกองค์ประกอบของเด็กโดยตรง
จำกัด การค้นหาของคุณ
วิธีการใช้พารามิเตอร์ตัวกรองที่จะกลับ <ul> องค์ประกอบของเด็กโดยตรงกับชื่อชั้นของ "1" สำหรับทุก <li> องค์ประกอบ
กลับ <div> องค์ประกอบของเด็กโดยตรงของทั้งหมด <p> องค์ประกอบ
วิธีการเลือก <div> องค์ประกอบของเด็กโดยตรงของทั้งหมด <p> องค์ประกอบ
นำเสนอโดยลูกหลานของแท็กชื่อขององค์ประกอบ
สาธิต <div> ลูกหลานองค์ประกอบ