jQuery นำทางเรียกใช้งาน - วิธี prevUntil()

jQuery นำทางเรียกใช้งานเพื่อตามหา

ตัวอย่าง

ค้นหาองค์ประกอบที่อยู่หน้าต้นแบบของ <dt id="term-2"> จนถึงองค์ประกอบที่เป็น <dt> และตั้งค่าพื้นหลังเป็นสีแดง พร้อมทั้งค้นหาองค์ประกอบที่อยู่หน้าต้นแบบของ <dd> ที่อยู่หน้าต้นแบบของ <dt id="term-1"> และตั้งค่าตัวอักษรเป็นสีสีน้ำเงิน:

$("#term-2").prevUntil("dt").css("background-color", "red");
var term1 = document.getElementById('term-1');
$("#term-3").prevUntil(term1, "dd").css("color", "green");

ลองทดลองด้วยตัวเอง

การประกาศและการใช้งาน

วิธี prevUntil() นำไปใช้เพื่อหาองค์ประกอบทาง DOM ที่อยู่หน้าต้นแบบขององค์ประกอบที่เลือกในชุดองค์ประกอบที่เลือกในตอนนี้ แต่ไม่รวมองค์ประกอบที่ตรงกับสัญญาณเลือก หรือตัวแปร DOM หรือตัวแปร jQuery

กระบวนการที่ 1

.prevUntil(selector, filter)
ตัวแปร คำอธิบาย
selector ตัวเลือกตัวแปรเล็กน้อย ตัวเลือกที่เป็นตัวอักษร มีการจับคู่กับสัญญาณเลือกเพื่อจับคู่กับองค์ประกอบที่จะหยุดตรวจสอบองค์ประกอบทาง DOM ที่อยู่หน้าต้นแบบขององค์ประกอบที่เลือก
filter ตัวเลือกตัวแปรเล็กน้อย ตัวเลือกที่เป็นตัวอักษร มีการจับคู่กับสัญญาณเลือกเพื่อจับคู่กับองค์ประกอบ

กระบวนการที่ 2

.prevUntil(element, filter)
ตัวแปร คำอธิบาย
element ตัวเลือกตัวแปรเล็กน้อย บอกว่าจะหยุดตรวจสอบองค์ประกอบทาง DOM ที่อยู่หน้าต้นแบบขององค์ประกอบที่เลือกโดย DOM โหลดหรือตัวแปร jQuery
filter ตัวเลือกตัวแปรเล็กน้อย ตัวเลือกที่เป็นตัวอักษร มีการจับคู่กับสัญญาณเลือกเพื่อจับคู่กับองค์ประกอบ

รายละเอียด

ถ้ามีตัวแปร jQuery ที่เป็นชุดองค์ประกอบ DOM วิธี .prevUntil() อนุญาตให้เราหาองค์ประกอบทาง DOM ที่อยู่หน้าต้นแบบขององค์ประกอบที่เลือกในต้นตอนโครงข่าย DOM จนถึงองค์ประกอบที่ตรงกับสัญญาณเลือก (ที่ส่งมาด้วยตัวแปรของวิธี) ที่มีอยู่ในโครงข่าย DOM จนถึงองค์ประกอบที่ตรงกับสัญญาณเลือกนั้น จะได้ตัวแปร jQuery ใหม่ที่มีองค์ประกอบทาง DOM ที่อยู่หน้าต้นแบบขององค์ประกอบที่เลือกทั้งหมด แต่ไม่รวมองค์ประกอบที่ตรงกับสัญญาณเลือกที่กำหนดโดย .prevUntil() ที่มีอยู่ และลำดับขององค์ประกอบที่กลับกันจากองค์ประกอบที่เป็นคนองค์ประกอบที่ใกล้ที่สุดไปจนถึงองค์ประกอบที่ไกลที่สุด

ถ้าไม่ตรงกับหรือไม่ได้ใช้สัญญาณเลือก จะเลือกองค์ประกอบทาง DOM ที่อยู่ที่หน้าต้นแบบขององค์ประกอบที่เลือก; ในกรณีนี้ องค์ประกอบที่เลือกโดย .prevUntil() จะเหมือนกับ .prevAll() ที่ไม่มีสัญญาณเลือกนั้น。

สำหรับ jQuery 1.6 สามารถใช้ตัวแปรของ DOM โหลดหรือตัวแปร jQuery ที่เป็นองค์ประกอบเดียวกันกับ .prevUntil() โดยไม่ใช้สัญญาณเลือกเป็นตัวแปรที่สอง。

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

jQuery นำทางเรียกใช้งานเพื่อตามหา