제이쿼리를 사용해 특정한 자식요소를 가진 요소만 선택하게 해주는 메소드로 has()가 있습니다. 특정 자식 요소가 있을 경우에만 지정할 수 있기 때문에 찾고자 하는 범위가 더 작다는 이점이 있습니다.

$('선택할요소').has('가지고 있는자식요소')


! has() 메소드 예제소스 코드 보기



<div id="test">
<p>No1 쇼핑몰 : <span class='text'>No1 쇼핑몰</span></p>
<p>No2 쇼핑몰</p>
<p>No3 쇼핑몰</p>
</div>

<script>
$('#test').has('p').css('color', '#00f');
</script>


보시는 예제는 p 태그들 중 자식태그로 span 태그를 가진 요소에만 파란색을 적용하기 위한 방법으로 has() 메소드를 사용했습니다. 위 코드의 결과는 아래와 같습니다.


 result 

No1 쇼핑몰 : 최고를 자랑하는1위 쇼핑몰

No2 쇼핑몰

No3 쇼핑몰