찾은 노드 중에서 특정 노드만 찾기 filter()

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

filter()메서드가 찾는 대상은 오직 현재 찾은 노드 이고 자식, 자손, 부모 노드와는 상관이 없다.

 

짝수번째 해당되는 노드만 css 적용

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

<script>
	$("ul li").filter(":nth-child(2n)").css("border","4px solid #f00");
</script>

 

 

 

 

 

 

참고 : https://api.jquery.com/filter/