Latest web development tutorials
×

jQuery หลักสูตร

jQuery หลักสูตร jQuery แนะนำโดยย่อ jQuery ติดตั้ง jQuery ไวยากรณ์ jQuery ผู้เลือก jQuery เหตุการณ์

jQuery ผล

jQuery ซ่อน / แสดง jQuery จางหาย jQuery สไลด์ jQuery นิเมชั่น jQuery หยุดนิเมชั่น jQuery Callback jQuery Chaining

jQuery HTML

jQuery การจับกุม jQuery จัดตั้งขึ้น jQuery เพิ่มองค์ประกอบ jQuery การลบองค์ประกอบ jQuery CSS หมวดหมู่ jQuery css() ทาง jQuery ขนาด

jQuery ข้ามผ่าน

jQuery ข้ามผ่าน jQuery บรรพบุรุษ jQuery ลูกหลานของเรา jQuery เพื่อนร่วมชาติ jQuery การกรอง

jQuery Ajax

jQuery AJAX แนะนำโดยย่อ jQuery load() ทาง jQuery get()/post() ทาง

jQuery อื่น ๆ

jQuery noConflict() ทาง jQuery JSONP

jQuery ตัวอย่าง

jQuery ตัวอย่าง

jQuery คู่มืออ้างอิง

jQuery ผู้เลือก jQuery วิธีการใช้เหตุการณ์ jQuery วิธีการมีผลบังคับใช้ jQuery HTML / CSS ทาง jQuery วิธีการข้ามผ่าน jQuery AJAX ทาง jQuery วิธีเบ็ดเตล็ด jQuery คุณสมบัติ

jQuery วิดเจ็ต

jQuery Validate jQuery Accordion jQuery Autocomplete jQuery Message jQuery ตรวจสอบรหัสผ่าน jQuery Prettydate jQuery Tooltip jQuery Treeview

jQuery ที่ใกล้เคียงที่สุด () วิธีการ

วิธีการสำรวจเส้นทาง jQuery วิธีการสำรวจเส้นทาง jQuery

ตัวอย่าง

กลับ <span> องค์ประกอบบรรพบุรุษแรกคือ <ul> องค์ประกอบ:

$(document).ready(function(){
$("span").closest("ul").css({"color":"red","border":"2px solid red"});
});

ผล:

body (great-great-grandparent)
div (great-grandparent)
    ul (second ancestor - second grandparent)
      ul (first ancestor - first grandparent)
    • li (direct parent) span

ลอง»

ความหมายและการใช้งาน

ที่ใกล้เคียงที่สุด () วิธีการส่งกลับองค์ประกอบที่เลือกขององค์ประกอบบรรพบุรุษแรก

พ่อของบรรพบุรุษปู่ทวดและอื่น ๆ

DOM ต้นไม้: วิธีการนี้ลัดเลาะขึ้นมาจากองค์ประกอบปัจจุบันจนทุกเส้นทางขององค์ประกอบรากเอกสาร (<html>) เพื่อหาองค์ประกอบบรรพบุรุษแรกองค์ประกอบ DOM

วิธีนี้ ผู้ปกครอง () จะคล้ายกันทั้งสำรวจขึ้นต้นไม้ DOM ที่แตกต่างกันคือ

ที่ใกล้เคียงที่สุด ()

  • เริ่มต้นจากองค์ประกอบปัจจุบัน
  • คนแรกที่ข้ามผ่านบรรพบุรุษเดียวพร้อมต้นไม้ DOM ขึ้นและผลตอบแทนการแสดงออกของการจับคู่ที่ผ่านมา
  • ส่งกลับศูนย์หรือองค์ประกอบหนึ่งของวัตถุ jQuery

พ่อแม่ผู้ปกครอง ()

  • เริ่มต้นจากองค์ประกอบหลัก
  • ตามโครงสร้างต้นไม้ DOM สำรวจเส้นทางขึ้นและผลตอบแทนการแสดงออกตรงกับบรรพบุรุษทั้งหมดที่ส่งผ่าน
  • ส่งกลับศูนย์หนึ่งหรือมากกว่าองค์ประกอบของวัตถุ jQuery

วิธีการอื่น ๆ ที่เกี่ยวข้อง:

  • ผู้ปกครอง () - ส่งกลับองค์ประกอบหลักโดยตรงขององค์ประกอบที่เลือก
  • parentsUntil () - ส่งกลับบรรพบุรุษของพารามิเตอร์องค์ประกอบระหว่างคนทั้งสองไป

ไวยากรณ์

ผลตอบแทนที่เลือกองค์ประกอบขององค์ประกอบบรรพบุรุษแรก:

$(selector).closest( filter )

ส่งกลับบริบท DOM DOM ต้นไม้หาองค์ประกอบบรรพบุรุษแรก:

$(selector).closest( filter,context )

参数 描述
filter 必需。规定缩小搜索祖先元素范围的选择器表达式、元素或 jQuery 对象。
context 可选。在其内可以找到匹配元素的 DOM 元素。

ตัวอย่าง

ตัวอย่างเพิ่มเติม

กลับ <span> องค์ประกอบบรรพบุรุษแรกคือ <span> องค์ประกอบ
เพราะวิธีการนี้จากจุดเริ่มต้นขององค์ประกอบปัจจุบันค้นหา <span> แรก <span> จะกลับไป <span>

ในองค์ประกอบ DOM แล้วแต่บริบทจะถูกส่งไปยังการค้นหาบรรพบุรุษแรก
พารามิเตอร์สองที่ใช้ในองค์ประกอบ DOM จะถูกส่งเป็นบริบทในการค้นหาครั้งแรก <ul> องค์ประกอบ


วิธีการสำรวจเส้นทาง jQuery วิธีการสำรวจเส้นทาง jQuery