Giả lớp :has trong jQuery
Giả lớp
has
chọn các phần tử dựa trên nội dung của chúng. Hãy xem xét một ví dụ.
Giả sử chúng ta có mã HTML sau:
html<p>text with <b>b</b> tag</p>
<p>text with <i><b>b</b></i> tag</p>
<p>text</p>
Ví dụ,
hãy chọn tất cả các đoạn văn bên trong có thẻ
b:
javascript$('p:has(b)');
Lưu ý rằng trong ví dụ, cả đoạn văn thứ nhất và thứ hai đều sẽ được chọn,
mặc dù trong đoạn văn thứ hai, thẻ b
không nằm trực tiếp bên trong p,
mà đầu tiên nằm trong i.
Nếu bạn cần sự lồng nhau trực tiếp, thì nên làm như sau:
javascript$('p:has(>b)');
Trong trường hợp này, chỉ đoạn văn thứ nhất được chọn.
Задание 1
Hãy lấy và tô màu đỏ tất cả
h2 bên trong có thẻ i.
Задание 2
Hãy lấy và tô màu đỏ tất cả
h2 chứa trực tiếp
thẻ i.