each()/$.each()

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

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

p.199

<script>
        $(function(){
            let 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($("#menu 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>

Previous.find()/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)}

p.199

<script>
        $(function(){
            let 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($("#menu 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>

Previous.find()/filter()Next속성

Last updated 4 years ago

Was this helpful?