jQuery addClass() 동일한 태그의 class명을 +1 씩 증가하여 추가하는 문법

https://u-it.tistory.com/entry/each-%ED%95%A8%EC%88%98-%EC%82%AC%EC%9A%A9%EB%AC%B8%EB%B2%95

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

지난 시간에 each 함수를 통해 요소를 반복하여 관리하는 문법을 구현했었다.

$(document).ready(function (){
    $('h1').each(function(index,item){
        $(item).addClass('item'+index);
    });
});

선택자를 지정하고 each 반복자 메소드를 통해 메소드의 내용을 index만큼 반복하고

h1 선택자를 item으로 하나씩 뽑아 index 개수만큼 반복하여 클래스명을 리턴하여 구현했다.

 

 

each 함수를 사용하지 않고도 반복하여 클래스명에 증가하는 정수값을 입력하여 추가하는 코드를구현할 수 있다.

$(document).ready(function (){
    $('h1').addClass(function(index){
        return 'class' + index;
    })
});

addClass의 매개변수에 index매개변수를 받는 함수를 입력하여 클래스명을 1씩 증가시켜 index 횟수만큼 반복하여 리턴한다.