jQuery 페이지내 특정 엘리먼트 각각을 선택하기 each() 함수

 

 

 

페이지 내에있는 특정 엘리먼트를 모두 선택하여, 

각각의 엘리먼트에 원하는 동작을 하고 싶을 때 사용하는 함수이다.

 

 

$("button").click(function(){
    $("li").each(function(){
        alert($(this).text())
    });
});

 

 

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

 

</ul>

위와 같이 코딩했을 경우, 페이지 내의 모든 li 엘리먼트가 each 함수에 의해 하나씩 선택이되며, 각각에대하여

alert() 함수가 실행되게 된다.

 

이는, 모든 엘리먼트를 선택하는 데에도 사용하지만,특정 엘리먼트 중에서 특정 id 를 가진 엘리먼트를 제외할때도 사용할 수 있습니다.

    $("li").each(function(){

             if (this.id != "exception") {

            alert($(this).text())

        }

    });

<ul>  <li id="exception">Coffee</li>  <li>Milk</li>  <li>Soda</li>

 

</ul>