본문 바로가기
프로그래밍/jQuery

jQuery.removeData(), 데이터를 제거

by zoo10 2012. 7. 2.

jQuery.removeData()

원문 링크 http://api.jquery.com/jQuery.removeData/

jQuery.removeData( element [, name] )Returns : jQuery

개요 : 데이터를 제거합니다.

  • jQuery.removeData( element [, name] )
  • element 제거할 데이터가 있는 DOM 요소
  • name 제거할 데이터의 name

jQuery.removeData() 함수는 jQuery.data() 함수를 이용해 세팅했던 이전 데이터를 제거합니다. key를 알아서 그 key로 접근하면 실제 value가 제거되게 되는 것입니다. 인자를 주지 않으면 모든 value가 한꺼번에 삭제됩니다.

예 제  
2개의 데이터를 세팅하고 그중 하나의 데이터를 제거하는 예제입니다.

<!DOCTYPE html>
<html>
<head>
  <style>
		div { margin:2px; color:blue; }
		span { color:red; }
		</style>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
  <div>value1 before creation: <span></span></div>
		<div>value1 after creation: <span></span></div>
		<div>value1 after removal: <span></span></div>
		<div>value2 after removal: <span></span></div>
<script>
var div = $("div")[0];
$("span:eq(0)").text("" + $("div").data("test1"));
jQuery.data(div, "test1", "VALUE-1");
jQuery.data(div, "test2", "VALUE-2");
$("span:eq(1)").text("" + jQuery.data(div, "test1"));
jQuery.removeData(div, "test1");
$("span:eq(2)").text("" + jQuery.data(div, "test1"));
$("span:eq(3)").text("" + jQuery.data(div, "test2"));</script>

</body>
</html>

미리보기

 

key로 접근해서 데이터를 제거하는 거네요. 음.... 왠지 쓸모있는 메소드입니다.

그럼 즐프하세요.

※ 본 예제는 http://www.jquery.com 에 있는 내용임을 밝힙니다.