Phương thức jQuery anh chị em ()
Thí dụ
Trả về tất cả các phần tử anh em của mỗi phần tử <li> có tên lớp là "start":
$(document).ready(function(){
$("li.start").siblings().css({"color": "red", "border": "2px solid red"});
});
Kết quả:
ul (parent)
- 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 Brothers () trả về tất cả các phần tử anh chị em của phần tử được 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 truyền đi qua lại phía trước và ngược lại dọc theo các phần tử DOM.
Mẹo: Sử dụng phương thức trước () hoặc tiếp theo () để thu hẹp tìm kiếm chỉ các phần tử trước đó hoặc tiếp theo.
Cú pháp
$(selector).siblings(filter)
Parameter | Description |
---|---|
filter | Optional. Specifies a selector expression to narrow down the search for sibling elements |
Hãy tự mình thử - Ví dụ
Cách sử dụng cả hai tham số để lọc tìm kiếm các phần tử anh chị em.
Cách thu hẹp tìm kiếm cho tất cả các phần tử <p> anh chị em của mỗi phần tử <div>.