[JQUERY] .each() 메소드

사용목적

jQuery를 사용해서 객체, 배열을 관리하려고 할 때, each() 메소드를 사용할 수 있음

 

1. $.each()

$.each(object, function(index, item){
	
    //function : 콜백함수
});

 

 

  (예시)

var arr_js = [
    {key1: 'value1', key2: 'value2'},
    {key1: 'value3', key2: 'value4'}
];

var arr_js2 = {
    key3: 'value5',
    key4: 'value6'
};

 

$.each(arr_js, function(index, item){
    var result = '';
    result += index + ' : ' + item.key1 + ", " + item.key2;
    console.log(result);
});

$.each(arr_js2, function(index, item){
    var result = '';
    result += index + ' : ' + item;
    console.log(result);
});

 

 

2. $().each() 예시

//class
$('.class_s').each( function(index, item){

	//해당 선택자인 객체
	$(item).attr('style', 'color:red;');
});