본문 바로가기
javaScript/J Query & 스크립트

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

by mooyou 2022. 12. 31.
728x90
300x250

 

$대상.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>

 

728x90
반응형

댓글