jQuery의 :has 의사 클래스

의사 클래스 has는 요소를 그 내용물을 기준으로 선택합니다. 예를 살펴보겠습니다. 다음과 같은 HTML 코드가 있다고 가정해 봅시다:

<p>text with <b>b</b> tag</p>
<p>text with <i><b>b</b></i> tag</p>
<p>text</p>

예를 들어, 내부에 b 태그가 있는 모든 단락을 선택해 보겠습니다:

$('p:has(b)');

두 번째 단락에서 b 태그가 p 내부에 직접 있지 않고 먼저 i 안에 있음에도 불구하고, 예시에서는 첫 번째 단락과 두 번째 단락 모두 선택된다는 점에 유의하세요.

직접적인 중첩이 필요한 경우, 다음과 같이 하면 됩니다:

$('p:has(>b)');

이 경우에는 첫 번째 단락만 선택됩니다.

내부에 i 태그가 있는 모든 h2를 가져와서 빨간색으로 칠하세요.

직접적으로 i 태그를 포함하는 모든 h2를 가져와서 빨간색으로 칠하세요.