.find()
.find()는 어떤 요소의 하위 요소 중 특정 요소를 찾을 때 사용
<문법>
대부분의 트리 순회 방법과는 달리, 셀렉터식이 필요한 경우 .find()를 사용하면 된다.
.find()는 모든 하위 요소를 검색해야하는 경우 유니버셜 선택기 '*'를 전달 하여 이를 수행 할 수 있다.
다음 예제를 통해 좀더 자세히 알아 보자
3개의 박스 안에 두번째 박스 하위에 대한 요소를 찾아 회색의 배경색을 빨간색으로 변경하는 간단한 소스 이다.
<htm 예제>
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | <ul class="level-1"> <li class="item-i">I</li> <li class="item-ii">II <ul class="level-2"> <li class="item-a">A</li> <li class="item-b">B <ul class="level-3"> <li class="item-1">1</li> <li class="item-2">2</li> <li class="item-3">3</li> </ul> </li> <li class="item-c">C</li> </ul> </li> <li class="item-iii">III</li> </ul> | cs |
<Jquery 예제>
| $( "li.item-ii" ).find( "li" ).css( "background-color", "red" ); | cs |
<결과>