본문 바로가기
2019/jQuery

jQuery each

by SOLYI 2019. 12. 11.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
//1번째 each
/* let d = $('div').each();*/
let d = $('div').each(function(index, item){
//    console.log(index); //0부터3 출력
//    console.log(item);  //a-1부터 a-4 출력
 
    return $(item).text($(item).text() + "입니다");
          //아이템의 텍스트에(아이템 텍스트를) 넣는다?
});
 
 
//2번째 each 배열을 사용할때는 $.each사용
$.each(['a','b','c'], function(index,value){
//    console.log(index); //0,1,2
//    console.log(value); //a,b,c
 
    $('#result').append("<li>"+value);
 
    //append : 어떤 조건에 element를 추가할때 사용하는 것
    //         닫지않아도 알아서 닫힌다.
});
 
반응형

'2019 > jQuery' 카테고리의 다른 글

// jQuery $(this)  (0) 2019.12.11
//jQuery find와 end  (0) 2019.12.11
// jQuery sibling parent parents end  (0) 2019.12.11
jQuery add,remove,has,toggle Class  (0) 2019.12.11
/// jQuery 3개 메서드체인, 객체,콜백함수  (0) 2019.12.11