วิธี prevAll

เมธอด prevAll จะคืนค่า องค์ประกอบทั้งหมดที่อยู่ก่อนหน้าองค์ประกอบที่กำหนด ภายในผู้ปกครองเดียวกัน

ไวยากรณ์

การรับเพื่อนบ้านทั้งหมดด้านบน:

javascript$(selector).prevAll();

สามารถกรองเพื่อนบ้านตาม ตัวเลือกที่กำหนดได้:

javascript$(element).prevAll(selector);

ตัวอย่าง

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

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

javascript$('#test').prevAll().html('!');

โค้ด HTML จะกลายเป็นดังนี้:

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

ดูเพิ่มเติม