Phương thức jQuery nextUntil ()
Thí dụ
Trả lại tất cả các phần tử anh chị em giữa hai <li> phần tử có tên lớp "start" và "stop":
$(document).ready(function(){
$("li.start").nextUntil("li.stop").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)
- li (sibling)
- li (sibling with class name "stop")
Định nghĩa và Cách sử dụng
Phương thức nextUntil () trả về tất cả các phần tử anh em tiếp theo giữa bộ chọn và dừng .
Phần tử anh chị em là phần tử có chung cha mẹ.
Cây DOM: Phương thức này chuyển tiếp dọc theo anh chị em của các phần tử DOM.
Lưu ý: Nếu cả hai tham số đều trống, phương thức này sẽ trả về tất cả các phần tử anh em tiếp theo (giống như phương thức nextAll () ).
Các phương pháp liên quan:
- next () - trả về phần tử anh em tiếp theo của phần tử đã chọn
- nextAll () - trả về tất cả các phần tử anh em tiếp theo của phần tử đã chọn
Cú pháp
$(selector).nextUntil(stop,filter)
Parameter | Description |
---|---|
stop | Optional. A selector expression, element or jQuery object indicating where to stop the search for next matching siblings elements |
filter | Optional. Specifies a selector expression to narrow down the search for sibling elements between the selector and stop Note: To return multiple siblings, separate each expression with a comma. |
Hãy tự mình thử - Ví dụ
Sử dụng cả hai tham số để lọc tìm kiếm các phần tử anh em tiếp theo giữa hai đối số.
Cách trả về nhiều phần tử anh chị em giữa hai đối số.
Sử dụng một phần tử DOM thay vì một bộ chọn để trả về tất cả các phần tử anh em hai đối số đã cho.
Sử dụng một phần tử DOM thay vì một bộ chọn và cả hai tham số để lọc tìm kiếm anh chị em tiếp theo giữa hai đối số.