jQuery lặp lại - phương thức andSelf();

Mô hình

Tìm tất cả div và tất cả các đoạn văn trong đó, và thêm hai tên lớp cho chúng. Lưu ý rằng do không sử dụng .andSelf(), div không có nền màu vàng.

$("div").find("p").andSelf();.addClass("border");
$("div").find("p").addClass("background");

Thử ngay

Định nghĩa và cách sử dụng

Phương thức add() thêm bộ sưu tập các yếu tố trước trong bộ đệm vào bộ sưu tập hiện tại.

Cú pháp

.andSelf();

Giải thích chi tiết

Hãy suy nghĩ về trang web này có danh sách đơn giản:

<ul>
   <li>điểm danh mục 1</li>
   <li>điểm danh mục 2</li>
   <li class="third-item">điểm danh mục 3</li>
   <li>điểm danh mục 4</li>
   <li>điểm danh mục 5</li>
</ul>

Kết quả của đoạn mã sau là mục 3,4,5 có nền màu đỏ:

$("li.third-item").nextAll().andSelf();
  .css("background-color", "red");

Thử ngay

Đầu tiên, bộ lọc ban đầu sẽ định vị mục 3, bộ đệm khởi tạo chỉ chứa bộ sưu tập của mục này. Gọi .nextAll() sẽ đẩy bộ sưu tập của mục 4, 5 vào bộ đệm. Cuối cùng, gọi .andSelf() sẽ hợp nhất hai bộ sưu tập này, đối tượng jQuery được tạo ra sẽ chỉ đến tất cả ba mục theo thứ tự tài liệu: {[<li.third-item>,<li>,<li> ]}。