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 nextUntil () วิธีการ

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

ตัวอย่าง

ผลตอบแทนที่ทุกองค์ประกอบของพี่น้องระหว่างชั้นที่เรียกว่า "เริ่มต้น" และ "หยุด" สอง <li> องค์ประกอบ:

$(document).ready(function(){
$("li.start").nextUntil("li.stop").css({"color":"red","border":"2px solid red"});
});

ผล:

    ul (parent)
  • li (sibling)
  • li (sibling)
  • li (sibling with class name "start")
  • li (sibling)
  • li (sibling)
  • li (sibling)
  • li (sibling with class name "stop")

ลอง»

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

ทั้งหมดพี่น้อง nextUntil () วิธีการส่งกลับแต่ละองค์ประกอบระหว่างตัวเลือกและหยุดหลังจาก

องค์ประกอบพี่น้องเป็นองค์ประกอบที่ใช้องค์ประกอบแม่เดียวกัน

ต้นไม้ DOM: วิธีการนี้พร้อมพี่น้อง DOM องค์ประกอบสำรวจเส้นทางข้างหน้า

หมายเหตุ: พี่น้องทั้งหมด (และถ้าพารามิเตอร์ทั้งสองเป็นโมฆะวิธีการส่งกลับองค์ประกอบหลังจาก nextAll () ในลักษณะเดียวกัน)

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

  • ถัดไป () - กลับมาหลังจากเป็นองค์ประกอบพี่น้องขององค์ประกอบที่เลือก
  • nextAll () - ส่งกลับองค์ประกอบพี่น้องทั้งหมดหลังจากองค์ประกอบที่เลือก

ไวยากรณ์

$(selector).nextUntil( stop,filter )

参数 描述
stop 可选。表示在哪里停止搜索元素之后匹配的同级元素的选择器表达式、元素、jQuery 对象。
filter 可选。规定缩小搜索介于 selectorstop 之间的同级元素范围的选择器表达式。

注意:如需返回多个同级元素,请使用逗号分隔每个表达式。

ตัวอย่าง

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

จำกัด การค้นหาของคุณ
สองตัวแปรที่ใช้ในการกรองการค้นหาสำหรับพี่น้ององค์ประกอบระหว่างองค์ประกอบของการโต้แย้งระหว่างสองแต่ละภายหลัง

กลับมามากกว่าหนึ่งองค์ประกอบพี่น้อง
วิธีการกลับองค์ประกอบพี่น้องหลายระหว่างสองพารามิเตอร์

DOM
ใช้องค์ประกอบ DOM แทนการเลือกที่จะกลับไปองค์ประกอบพี่น้องทั้งหมดระหว่างสองพารามิเตอร์ที่กำหนด

ใช้ DOM กับสองพารามิเตอร์
ใช้ DOM กับสองพารามิเตอร์แทนที่จะเลือกที่จะกรองการค้นหาสำหรับพี่น้ององค์ประกอบระหว่างองค์ประกอบของการโต้แย้งระหว่างสองแต่ละภายหลัง


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