Phương thức jQuery nextUntil ()

❮ Phương thức duyệt jQuery

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ọndừ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ố.


❮ Phương thức duyệt jQuery