[jQuery] find(), children()

 

jQuery를 사용하여 특정 선택자를 기준으로 자식 요소 찾기

 

find()  

자식 및 하위 태그 모두에서 탐색

 

children()

바로 아래 요소, 즉 자식 요소만 탐색

 

<ul>
    <li>
    	<span>첫번째</span>
    </li>
    <li>
    	<span>두번째</span>
    </li>
</ul>



// 1. ul을 기준으로 자식 태그에 있는 li 태그를 찾고 싶을 때
// --> children() 사용

// 2. ul을 기준으로 손자 태그에 있는 span을 찾고 싶을 때
// --> find() 사용(children은 자식 태그인, <li> 까지만 찾을 수 있다)

 

---

참고 및 출처  : 

https://androman.tistory.com/39

[jQuery] 자식 요소를 찾는 children() , + find()