jQuery duyệt - phương thức prevUntil()
Mô hình
Chọn tất cả các đoạn văn, sau đó giảm nội dung đã chọn chỉ còn lại đoạn đầu và đoạn thứ hai:
$("p").slice(0, 2).wrapInner(");
Định nghĩa và cách sử dụng
slice() giảm bộ sưu tập phần tử khớp xuống thành bộ sưu tập con trong phạm vi chỉ số chỉ định.
Ngữ pháp
.slice(selector,end)
| Tham số | Mô tả |
|---|---|
| selector |
Giá trị nguyên số dựa trên số 0, chỉ ra vị trí bắt đầu của phần tử được chọn. Nếu là giá trị âm, nó chỉ ra độ dịch chuyển từ cuối bộ sưu tập. |
| end |
Giá trị nguyên số dựa trên số 0, chỉ ra vị trí kết thúc của phần tử được chọn. Nếu là giá trị âm, nó chỉ ra độ dịch chuyển từ cuối bộ sưu tập. Nếu bỏ qua, phạm vi chọn sẽ kết thúc ở cuối bộ sưu tập. |
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 thức .slice() sẽ tạo ra một đối tượng jQuery mới từ bộ sưu tập phần tử được khớp. Vị trí của một trong các phần tử trong bộ sưu tập index đã áp dụng; nếu bỏ qua tham số end, tất cả các phần tử sau index sẽ được bao gồm trong kết quả.
Hãy suy nghĩ về trang web này với danh sách đơn giản:
<ul> <li>đối tượng liệt kê 1</li> <li>đối tượng liệt kê 2</li> <li>đối tượng liệt kê 3</li> <li>đối tượng liệt kê 4</li> <li>đối tượng liệt kê 5</li> </ul>
Chúng ta có thể áp dụng phương thức này đối với bộ sưu tập mục liệt kê:
$('li').slice(2).css('background-color', 'red');
Kết quả của cuộc gọi này là đặt màu nền đỏ cho mục 3, 4 và 5. Lưu ý rằng các tham số index đã áp dụng dựa trên số 0, tham chiếu đến vị trí của phần tử trong đối tượng jQuery, không phải là cây DOM.
Tham số end cho phép chúng ta hạn chế thêm phạm vi chọn. Ví dụ:
$('li').slice(2, 4).css('background-color', 'red');
Hiện tại, chỉ có mục 3 và 4 sẽ được chọn. Lưu ý lại, chỉ số dựa trên số 0; phạm vi sẽ mở rộng đến (nhưng không bao gồm) chỉ số được chỉ định.
Chỉ số âm
Phương thức .slice() của jQuery mô phỏng phương thức .slice() của đối tượng mảng JavaScript. Một trong những tính năng mà nó mô phỏng là khả năng truyền vào các tham số âm. Nếu cung cấp các giá trị âm, nó chỉ ra vị trí bắt đầu từ cuối bộ sưu tập,而不是 từ đầu. Ví dụ:
$('li').slice(-2, -1).css('background-color', 'red');
Lần này, chỉ mục mục liệt kê 4 sẽ đổi màu đỏ, vì dự án này là duy nhất trong phạm vi giữa từ cuối tính (-2) và từ cuối tính (-1).
