[jQuery]each() 메서드 순차적으로 접근하기

 

each()

$대상.each(function(index){
	var $target=$(this);
    //or
    var $target = $대상.eq(index);
})

 

$대상에 노드를 순차적으로 접근할 수 있다.

 

 

버튼을 클릭하면 각 list item값이 alert 값으로 호출된다.

<script>
$(document).ready(function(){
  $("button").click(function(){
    $("li").each(function(){
      alert($(this).text())
    });
  });
});
</script>

<button>Alert the value of each list item</button>

<ul>
  <li>Coffee</li>
  <li>Milk</li>
  <li>Soda</li>
</ul>