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:
<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:
$('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:
$('p:has(>b)');
Trong trường hợp này, chỉ đoạn văn thứ nhất được chọn.
Hãy lấy và tô màu đỏ tất cả
h2 bên trong có thẻ i.
Hãy lấy và tô màu đỏ tất cả
h2 chứa trực tiếp
thẻ i.
