본문 바로가기

웹개발/Javascript(JQuery)

여러 데이터 태그에 저장하기


여러 데이터를 한 태그 안에 저장해야 할 경우에 유용한 방법입니다.(개인적으로)



위와 같이 json타입의 array를 생성 하였는데 각 순서 별로 태그에 모든 값을 넣고 싶었습니다.


각 속성별로 하나씩 저장할 순 있지만 유지보수 측면에서 전체를 하나로 관리하고 싶어 고민중 


찾았습니다.


위를 console로 보게되면



아래와 같이 잘 나오지만


단순히 .attr로 저장하게 될 경우


$("#tag).attr("labRole", labRole);


위의 코드를 실행하여 console로 보게되면



단순히 Object란 것만 명시되게 됩니다.


하지만 jQuery의 data를 이용하게 되면 저장 전 그대로 사용할 수 있습니다.


$("#tag).data("labRole", labRole);


을 실행한 후 


selectedNode.data("labRole");


attr과 마찬가지로 data로 해당 속성 이름을 주게 되면 입력 전과 같은 형태로 리턴 값을 


받게 됩니다.