22.jQuery - For문 ( 01.Core- 02.Indexer )

jQuery | javascript | CSS

Godffs 2009. 11. 9. 10:38

jQuery For문을 사용한 예제입니다.

02.jQueryIndexer.htm

<head>

$(document).ready(function() {

//h3 요소 모두 가져오기

var headers = $('h3');

// 반복문을 써서 반복 : for문보다는 jQuery의 each문이 사용하기 편리

for (var i = 0; i < headers.length; i++) {

alert($(headers[i]).html());

}

//위 코드를 each문으로 변경

$('h3').each(function(index) {

alert($(this).html());

});

});

</script>

</head>

<body>

</body>

</html>

결과화면

[그림22-1]