วิธี nextUntil

วิธี nextUntil ส่งคืน องค์ประกอบที่อยู่หลังองค์ประกอบที่กำหนด ภายในผู้ปกครองเดียวกัน วิธีนี้ส่งคืน องค์ประกอบจากองค์ประกอบที่กำหนดจนถึงองค์ประกอบแรก ที่ตรงกับตัวเลือกที่ระบุ เป็นพารามิเตอร์ของวิธี หากไม่ส่งพารามิเตอร์ ให้กับวิธีนี้ มันจะทำงานเหมือนวิธี nextAll

ไวยากรณ์

พารามิเตอร์แรกสามารถส่งนิพจน์ ในรูปแบบสตริงสำหรับการเลือก, โหนด DOM หรือออบเจ็กต์ jQuery ได้ พารามิเตอร์ที่สอง สามารถส่งเงื่อนไขการกรองเพิ่มเติม ในรูปแบบสตริงได้ ทั้งสองพารามิเตอร์ เป็นทางเลือก:

javascript.nextUntil([ตัวเลือก], [ตัวกรอง]);

ตัวอย่าง

ลองหาองค์ประกอบ #test และ ตั้งข้อความ '!' ให้กับเพื่อนบ้านทั้งหมด ด้านล่างจนถึงย่อหน้าที่มีคลาส www โดยใช้วิธี html:

html<p>outside</p>
<div>
  <p>inside</p>
  <p class="www">inside</p>
  <p>inside</p>
  <p>inside</p>
  <p id="test">inside</p>
  <p>inside</p>
  <p>inside</p>
  <p class="www">inside</p>
  <p>inside</p>
</div>
<p>outside</p>
javascript$('#test').prevUntil('p.www').html('!');

โค้ด HTML จะมีลักษณะดังนี้:

html<p>outside</p>
<div>
  <p>inside</p>
  <p class="www">inside</p>
  <p>inside</p>
  <p>inside</p>
  <p id="test">inside</p>
  <p>!</p>
  <p>!</p>
  <p class="www">inside</p>
  <p>inside</p>
</div>
<p>outside</p>

ดูเพิ่มเติม

  • วิธี prevUntil,
    ซึ่งส่งคืนองค์ประกอบที่อยู่ก่อนองค์ประกอบที่กำหนด
  • วิธี next,
    ซึ่งช่วยให้ได้เพื่อนบ้านขององค์ประกอบด้านล่าง
  • วิธี nextAll,
    ซึ่งส่งคืนองค์ประกอบที่อยู่หลัง องค์ประกอบที่กำหนดภายในผู้ปกครองเดียวกัน
  • วิธี siblings,
    ซึ่งช่วยให้ได้เพื่อนบ้านขององค์ประกอบภายใน ผู้ปกครองเดียวกัน