Phương pháp duyệt jQuery - nextUntil()
Mô hình
Tìm các phần tử anh em sau đó của <dt id="term-2"> cho đến <dt>, sau đó đặt chúng có nền màu đỏ. Đồng thời, tìm các phần tử anh em <dd> sau đó của <dt id="term-1"> cho đến <dt id="term-3">, và đặt chúng có màu văn bản màu xanh lam.
$("#term-2").nextUntil("dt").css("background-color", "red");
var term3 = document.getElementById("term-3");
$("#term-1").nextUntil(term3, "dd").css("color", "blue");
Định nghĩa và cách sử dụng
nextUntil() lấy tất cả các phần tử anh em sau đó của mỗi phần tử, nhưng không bao gồm các phần tử khớp với biểu thức chọn, nút DOM hoặc đối tượng jQuery đã truyền vào.
Gрамматика 1
.nextUntil(selector,filter)
| Tham số | Mô tả |
|---|---|
| selector | Giá trị chuỗi, chứa biểu thức chọn để chỉ ra điểm dừng để khớp các phần tử anh em sau đó. |
| filter | Giá trị chuỗi, chứa biểu thức chọn để khớp phần tử. |
Gрамматика 2
.nextUntil(element,filter)
| Tham số | Mô tả |
|---|---|
| element | Chỉ ra điểm dừng để khớp các phần tử anh em sau đó của nút DOM hoặc đối tượng jQuery. |
| filter | Giá trị chuỗi, chứa biểu thức chọn để khớp phần tử. |
Giải thích chi tiết
Nếu cung cấp một đối tượng jQuery biểu thị bộ sưu tập phần tử DOM, phương pháp .nextUntil() cho phép chúng ta tìm kiếm các phần tử anh em sau đó của phần tử trong cây DOM, dừng tìm kiếm khi gặp phần tử khớp với tham số của phương pháp. Đối tượng jQuery mới trả về chứa tất cả các phần tử anh em sau đó, nhưng không chứa phần tử khớp với tham số.
Nếu biểu thức chọn không khớp hoặc không quy định biểu thức chọn, nó sẽ chọn tất cả các anh em sau đó; nếu không cung cấp biểu thức chọn để lọc, các phần tử được phương pháp chọn sẽ giống như phương pháp .nextAll().
Đối với jQuery 1.6, có thể truyền vào phương pháp .nextUntil() các nút DOM hoặc đối tượng jQuery, thay vì biểu thức chọn.
Phương pháp này chấp nhận biểu thức chọn tùy chọn làm tham số thứ hai. Nếu chỉ định tham số này, nó sẽ lọc chúng bằng cách kiểm tra xem các phần tử có khớp với biểu thức chọn hay không.
