[jQuery] has() 특정 선택자를 가지고 있는 요소 찾기

제이쿼리를 사용해서 특정 선택자를 가지고 있는 li 태그를 선택하려면 어떻게 해야 할까?

--> jQuery의 has() 메소드를 사용한다.

 

문법 - $(요소).has(selector)

요소의 하위(자손)에 selector를 가지고 있는 것이 선택된다. 

ex) $('ul').has('li') - 하위 요소에 li 태그를 가지고 있는 ul 태그가 선택된다.

 

예시))

li 태그 중 하위에 <a>태그가 있는 것만 선택해서 글자색을 빨간색으로 바꾸려고 한다.

<li>
    <a>일</a>
</li>
<li>이</li>
<li>
    <a>삼</a>
</li>

has() 사용

//'li'요소 중 하위(자식)요소 중 a 태그를 가진 것을 선택하여 글자색을 빨간색으로
$('li').has('a').css('color','red');

 

결과

<a>태그가 있는 첫번째 세번째 <li> 태그의 글자색이 변경됨