jQuery data

jQuery.data() 함수

html 엘리먼트에 데이터를 저장하고 읽게 해준다.

문법 : $(selector).data(key, value)

저장

$('#test').data('key1','value1');

$('#test').data('key2','value2');

읽기

var val1 = $('#test').data('key1');

var val2 = $('#test').data('key2');

----------------------------------------------------

라디오 버튼 값을 선택할때마다 그값에 해당하는 다른 값을 체크해야할 경우가 있었는데

data함수의 존재를 몰라서 고생해서 만든 경험이있다.

라디오박스를 만드는 쿼리값

cd  cd_nm  code

----------------

AA  부서A  ADD

BB  부서B  BDD

CC  부서C  CDD

부서A를 선택했을 경우 그부서에 해당하는 code값을 가져오고 싶을때

// data로 값셋팅

for ( var i = 0; i < data.length; i++) {

var tmp = data[i];

$('#radio_test').append("<option value='" + tmp['cd'] + "'>" + tmp['cd_nm'] + "</option>");

$.each(tmp,function(key,val){

if(key != 'cd' && key != 'cd_nm'){

$('#radio_test option:eq('+i+')').data(key,val);

}

});

}

// data로 조회

=> $('#radio_test option:selected').data("code");

위의 예제는 쿼리에서 조회한 값을 data객로 받아서 row별로 tmp로 값을 전달

tmp는 cd, cd_nm, code 이렇게 3개의 key,value로 되어 있다

cd와 cd_nm을 넣어서 라디오박스를 만들고 

data함수로 code값을 셋팅한다.

이렇게 하면 해당 라디오박스를 선택할때 그cd에 해당하는 code값을 가져올수있다.

--------------------------------------------------------

jQuery.removeData()

jQuery.data() 함수로 저장한 데이터를 삭제한다.

문법 : $(selector).removeData(name)