each() / $.each()

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

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>each()</title>
</head>
<body>
    <h1>탐색자</h1>
    <ul id="menu">
        <li>내용1-1</li>
        <li>내용1-2</li>
        <li>내용1-3</li> 
    </ul>
    <ul id="men2">
        <li>내용2-1</li>
        <li>내용2-2</li>
        <li>내용2-3</li> 
    </ul>
    <!-- script -->
    <script src="jquery.min_1.1.24.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 4 years ago

Was this helpful?

each() / $.each()

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>each()</title>
</head>
<body>
    <h1>탐색자</h1>
    <ul id="menu">
        <li>내용1-1</li>
        <li>내용1-2</li>
        <li>내용1-3</li> 
    </ul>
    <ul id="men2">
        <li>내용2-1</li>
        <li>내용2-2</li>
        <li>내용2-3</li> 
    </ul>
    <!-- script -->
    <script src="jquery.min_1.1.24.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 4 years ago

Was this helpful?