각 목록요소에 숫자가 순차적으로 붙는 클래스 삽입하기

• content
• content
• content
• content
• content

각각의 리스트에 순차적으로 붙는 클래스명을 넣고자 할때가 있습니다.

단순 html 코딩으로만 구현하는 것이면 위와 같이 <li>에 class="item01"이란 식으로 클래스를 삽입하면 되겠지만 개발언어를 통해 구현하게 되면 스크립트를 이용해 구현해야합니다.

$(document).ready(function(){
	$('#list li').each(function(index) {
		$(this).addClass('item' + index);
	})
});

$(document).ready(function(){
	$('#list li').each(function(index){
		$(this).attr('class', 'item' + index);
	});
});