each()/$.each()

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

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

199p 예제

<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>
</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()/fiter()Next속성

Last updated 4 years ago

Was this helpful?

each()/$.each()

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

199p 예제

<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>
</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()/fiter()Next속성

Last updated 4 years ago

Was this helpful?