자손 노드 중 특정 노드 찾기 find()

 

$대상.find("선택자")

대상 노드의 자식 노드 중에서 특정 노드를 찾고 싶을 때 find()메서드를 사용하면 된다.

 

주의 해야 할 점은 find()노드는 현재 노드가 아닌 자식을 포함한 자손노드를 찾는다. 

만약 바로 아래에 있는 자식 노드에서 찾을 경우에는 children() 메서드를 사용하면 된다.

 

<ul>
  <li><span>list item 1</span></li>
  <li><span>list item 2</span></li>
  <li>list item 3</li>
  <li><span>list item 4</span></li>
  <li>list item 5</li>
  <li>list item 6</li>
</ul>

<script>
	$("ul li").find("span").css("border","4px solid #f00");
</script>