jQuery | javascript | CSS

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

Godffs 2009. 11. 9. 10:38
반응형
jQuery For문을 사용한 예제입니다.

02.jQueryIndexer.htm

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <title>HTML 요소 가져오기</title>   

    <script src="../jQuery/jquery-1.3.2-vsdoc2.js" type="text/javascript"></script>

    <script type="text/javascript">

        $(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>

    <h3>준철이</h3>

    <h3>멋있다</h3>

</body>

</html>


결과화면

[그림22-1]



반응형