วิธี prevUntil

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

ไวยากรณ์

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

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

ตัวอย่าง

ลองหาองค์ประกอบ #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>!</p>
  <p>!</p>
  <p id="test">inside</p>
  <p>inside</p>
  <p>inside</p>
  <p class="www">inside</p>
  <p>inside</p>
</div>
<p>outside</p>

ดูเพิ่มเติม

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