$.removeData()

要素に紐付いているデータを削除します。 このメソッドは下位層で使用されるメソッドです。 通常は.removeData() を使用することをお勧めします。

.removeData(element [, name] )1.2.3 追加

データのキーを指定して、該当のデータを削除します。 引数を何も指定しなかった場合、要素に紐付いている全てのデータを削除します。

引数 説明
element 削除したいデータを格納している要素を指定します。
[name] 削除したいデータのキーを文字列で指定します。

デモ

test1とtest2の2つのデータを紐付け、その後、test1のデータのみ削除しています。

<!DOCTYPE html>
<html>
<head>
  <style>
  div { margin:2px; color:blue; }
  span { color:red; }
  </style>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
</head>
<body>
  <div>value1 data紐づけ前: <span></span></div>
  <div>value1 data紐づけ後: <span></span></div>
  <div>value1 test1のdata紐づけ削除後: <span></span></div>
  <div>value2 test1のdata紐づけ削除後: <span></span></div>
<script>
  var div = $("div")[0];
  $("span:eq(0)").text("" + $.data(div, "test1"));
  $.data(div, "test1", "VALUE-1");
  $.data(div, "test2", "VALUE-2");
  $("span:eq(1)").text("" + $.data(div, "test1"));
  $.removeData(div, "test1");
  $("span:eq(2)").text("" + $.data(div, "test1"));
  $("span:eq(3)").text("" + $.data(div, "test2"));
</script>
</body>
</html>

 Back to top

© 2010 - 2017 STUDIO KINGDOM