Phương thức jQuery prevAll ()
Thí dụ
Trả lại tất cả các phần tử anh em trước đó của mỗi phần tử <li> có tên lớp là "start":
$(document).ready(function(){
$("li.start").prevAll().css({"color": "red", "border": "2px solid red"});
});
Kết quả:
ul (parent)
- li (sibling)
- li (sibling)
- li (sibling)
- li (sibling with class name "start")
- li (sibling)
- li (sibling)
Định nghĩa và Cách sử dụng
Phương thức presAll () trả về tất cả các phần tử anh em trước đó của phần tử đã chọn.
Phần tử anh chị em là phần tử có chung cha mẹ.
Cây DOM: Phương thức này duyệt ngược lại dọc theo anh chị em của các phần tử DOM.
Các phương pháp liên quan:
- trước () - trả về phần tử anh em tiếp theo của phần tử đã chọn
- presUntil () - trả về tất cả các phần tử anh em tiếp theo giữa hai đối số đã cho
Cú pháp
$(selector).prevAll(filter)
| Parameter | Description |
|---|---|
| filter | Optional. Specifies a selector expression to narrow down the search for previous siblings Note: To return multiple siblings, separate each expression with a comma. |
Hãy tự mình thử - Ví dụ
Cách lọc tìm kiếm các phần tử anh chị em trước đó.
Cách sử dụng tham số bộ lọc để trả về tất cả anh chị em của một phần tử <h2> có tên lớp là "đầu tiên", "thứ hai" và "thứ ba".
Cách chọn tất cả các phần tử anh em trước đó của một phần tử <p>.
Cách chọn tất cả các phần tử <p> anh chị em trước đó của mỗi phần tử <div>.