search

each()/$.each()

선택자로 선택한 요소는 배열에 순서대로 저장됩니다. 이때 each()와 $.each()메서드는 배열에 저장된 요소를 순서대로 하나씩 선택하면서 인덱스 정보를 가져옵니다.

$("선택자").each(function(매개변수1,매개변수2){}); $.each($("선택자"), function(매개변수1,매개변수2){}); $("선택자").each(function(){$(this)}); $.each($("선택자"), function(){$(this)});

hashtag
예제 199p

<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>jQuery</title>
</head>
<body>
    <h1>팀색 선택자</h1>
    <ul id="menu1">
        <li>내용1-1</li>
        <li>내용1-2</li>
        <li>내용1-3</li>
    </ul>
    <ul id="menu2">
        <li>내용2-1</li>
        <li>내용2-2</li>
        <li>내용2-3</li>
    </ul>

    <!-- script -->
    <script src="jquery.min_1.12.4.js"></script>
    <script>
        $(function(){
            var obj = [ {
                "area" : "서울"
            }, {
                "area" : "부산"
            }, {
                "area" : "전주"
            }]
            
            $(obj).each(function(i,O) {
                console.log(i + ":", O);
            });
            console.log("====The End1====");

            $.each($("#menu2 li"), function(i,O) {
                console.log(i + ":", O);
            });
            console.log("====The End2====");

            $.each($("#menu2 li"), function(i) {
                console.log(i + ":", $(this));
            });
        });
    </script>
</body>
</html>
Previousfind() / filter()Next속성

Last updated