each() 함수 '요소' 관리 사용 문법

 

<script>
    $(document).ready(function () {
        $('h1').addClass('high-light');

        $('h1').each(function (index, item) {
            $(item).addClass('high-light-'+index);	
        }) 
    });
</script>

 

선택자를 변수에 담은 후 변수로 접근하여 사용 가능 

<script>
    $(document).ready(function () {
        var h1 = $('h1');
        console.log(h1)
        h1.addClass('high-light');

        h1.each(function (index, item){
            $(item).addClass('high-light-'+index);
        }) 
    });
</script>

선택자를 변수에 담은 후 변수를 매개변수로 담아 접근하여 사용 가능

<script>
    $(document).ready(function () {
        var h1 = $('h1');
        console.log(h1)
        h1.addClass('high-light');

        $.each(h1, function (index, item){
            $(item).addClass('high-light-'+index);
        }) 
    });
</script>

 

Object 배열에서는 다음과같이 변수로 사용이 불가능해진다.