Phương thức prevAll

Phương thức prevAll trả về tất cả các phần tử nằm phía trước phần tử đã cho bên trong cùng một phần tử cha.

Cú pháp

Lấy tất cả các phần tử lân cận phía trên:

javascript$(selector).prevAll();

Cũng có thể lọc các phần tử lân cận theo bộ chọn đã chỉ định:

javascript$(phần tử).prevAll(bộ chọn);

Ví dụ

Hãy tìm phần tử #test và đặt văn bản '!' cho tất cả các phần tử lân cận phía trên của nó bằng phương thức html:

html<p>bên ngoài</p>
<div>
  <p>bên trong</p>
  <p>bên trong</p>
  <p id="test">bên trong</p>
  <p>bên trong</p>
  <p>bên trong</p>
</div>
<p>bên ngoài</p>
javascript$('#test').prevAll().html('!');

Mã HTML sẽ trở thành như sau:

html<p>bên ngoài</p>
<div>
  <p>!</p>
  <p>!</p>
  <p id="test">bên trong</p>
  <p>bên trong</p>
  <p>bên trong</p>
</div>
<p>bên ngoài</p>

Xem thêm

  • phương thức nextAll,
    trả về các phần tử nằm sau phần tử đã cho bên trong cùng một phần tử cha
  • phương thức prev,
    cho phép lấy phần tử lân cận phía trên của phần tử
  • phương thức prevUntil,
    trả về các phần tử nằm phía trước phần tử đã cho
  • phương thức siblings,
    cho phép lấy các phần tử lân cận của phần tử bên trong cùng một phần tử cha