jQuery duyệt - phương pháp has()

Hướng dẫn tham khảo duyệt jQuery

Mẫu

Kiểm tra một phần tử có trong phần tử khác không:

$("ul").append("<li>" + ($("ul").has("li").length ? "Yes" : "No") + "</li>");
$("ul").has("li").addClass("full");

Thử nghiệm trực tiếp

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

has() sẽ thu hẹp tập hợp phần tử phù hợp thành tập hợp con có后代 phù hợp với chọn器 hoặc phần tử DOM được chỉ định.

Cú pháp

.has(selector)
Parameter Mô tả
selector Giá trị chuỗi, chứa biểu thức chọn器 phù hợp với phần tử.

Giải thích chi tiết

Nếu cho một đối tượng jQuery đại diện cho tập hợp các phần tử DOM, phương pháp .has() sử dụng tập hợp con của phần tử phù hợp để tạo một đối tượng jQuery mới. Chọn器 được sử dụng để kiểm tra phần tử后代; nếu bất kỳ phần tử后代 nào phù hợp với chọn器, phần tử đó sẽ được bao gồm trong kết quả.

Hãy suy nghĩ về trang web sau này có danh sách đệm:

<ul>
  <li>mục danh sách 1</li>
  <li>mục danh sách 2</li>
    <ul>
      <li>mục danh sách 2-a</li>
      <li>mục danh sách 2-b</li>
    </ul>
  </li>
  <li>mục danh sách 3</li>
  <li>mục danh sách 4</li>
</ul>

Chúng ta có thể áp dụng phương pháp này cho tập hợp các mục danh sách, như sau:

$('li').has('ul').css('background-color', 'red');

Thử nghiệm trực tiếp

Kết quả của cuộc gọi này là, nền tảng của dự án 2 được thiết lập thành màu đỏ, vì dự án này là duy nhất trong các后代 có <ul> của <li>.

Hướng dẫn tham khảo duyệt jQuery