jQuery id값으로 data() 값 가져오기

html에 value 대신 data로 변수를 담아야 하는 경우가 있습니다.

특히 많은 변수를 담아야 할 때 편한데요.

onchange="함수명(파라미터1,파라미터2,파라미터3,파라미터4...)

이런 경우 가독성이 떨어지는데 

data에 담아서 보내면 가독성도 좋고 어떤 데이터가 넘어가는지도 편하게 볼 수 있습니다.

 

  주의사항  

: 편하게 볼 수 있다는 것은 보안상에도 좋지 않다는 거죠.

  그래서 중요한 정보는 data로 처리하지 않는 것이 좋습니다.

 

 

data 값 세팅

이때 data-* 뒤에 들어가는 key값은 영어 소문자만 가능합니다.

습관적으로 카멜 파스칼로 적으시면 값이 담기지 않습니다.

 

문법은

data-key="value"

key에 변수명을 value에 값을 세팅하시면 됩니다.

 

<input type="checkbox" id="seqArr${status.count }" name="seqArr" onclick="checkSel(this.id)" data-seq="${result.seq}"/>

 

data 값 가져오기

function checkSel(idNm){
    var data = $("#"+idNm).data();
    var seq = data.seq;
}

함수명(this.id)로 편하게 해당 태그의 아이디를 가져올 수 있습니다.

거기에 $("#태그아이디").data(); 로 데이터를 가져오기면 되고, 해당 data에 넣었을 당시 적었던 key값으로 꺼내시면 됩니다.

var keyVal = data.key;