each() / $.each()

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

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

<script>
    $(function(){
        var obj = [{
            "area" : "서울"
        },{
            "area" : "부산"
        },{
            "area" : "전주"
        }]
        
        $(obj).each(function(i, o){
            console.log(i + ":", o);
        });
        console.log("====The End1====");
        
        $.each($("#menu1 li"), function(i, o){
            console.log(i + ":", o);
        });
        console.log("====The End2====");
        
        $.each($("menu2 li"), function(i){
            console.log(i = ":", $(this));
        });
    });
</script>
</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>
</body>

Previousfind() / filter()Next속성

Last updated 4 years ago

Was this helpful?

each() / $.each()

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

<script>
    $(function(){
        var obj = [{
            "area" : "서울"
        },{
            "area" : "부산"
        },{
            "area" : "전주"
        }]
        
        $(obj).each(function(i, o){
            console.log(i + ":", o);
        });
        console.log("====The End1====");
        
        $.each($("#menu1 li"), function(i, o){
            console.log(i + ":", o);
        });
        console.log("====The End2====");
        
        $.each($("menu2 li"), function(i){
            console.log(i = ":", $(this));
        });
    });
</script>
</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>
</body>

Previousfind() / filter()Next속성

Last updated 4 years ago

Was this helpful?