[jQuery 함수] has() 특정 element를 자식으로 가지고 있는 dom element 선택하기

has() 함수를 이용해서 element 선택하기

span tag 중 class 이름이 "span" 인 element 를 자식으로 가지고 있는 부모 div tag 를 선택하겠습니다.

<div>This is has function<span class="span"></span></div>
<div>This is has function</div>

<script>
$(document).ready(function() {
    $selector = $('div:has(span.span)');
});
</script>

선택한 element 에 style 적용하기

선택한 element 의 글자 색상을 green 으로 변경하겠습니다.

<script>
$(document).ready(function() {
    $selector = $('div:has(span.span)');

    $selector.css('color', 'green')
});
</script>

결과

This is has function

This is has function