Phương thức jQuery next ()
Thí dụ
Trả về phần tử anh em tiếp theo của mỗi phần tử <li> có tên lớp là "start":
$(document).ready(function(){
$("li.start").next().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 next () trả về phần tử anh em tiếp theo 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 về phía trước dọc theo anh em tiếp theo của các phần tử DOM.
Các phương pháp liên quan:
- nextAll () - trả về tất cả các phần tử anh em tiếp theo của phần tử đã chọn
- nextUntil () - 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).next(filter)
Parameter | Description |
---|---|
filter | Optional. Specifies a selector expression to narrow down the next sibling search |
Hãy tự mình thử - Ví dụ
Cách chọn phần tử anh em tiếp theo của mỗi phần tử <div>.
Cách chọn phần tử <p> anh chị em tiếp theo của mỗi phần tử <div>.