.removeData()

http://api.jquery.com/removeData/

要素に紐付いているデータを削除します。

.removeData( [name] ) 1.2.3追加
.removeData( [list] ) 1.7追加
デモ

.removeData( [name] )1.2.3 追加

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

引数	説明
name	削除したいデータのキーを文字列で指定します。

.removeData( [list] )1.7 追加

データのキーを空白区切りの文字列または配列で指定して、該当するデータを一括削除します。

引数	説明
list	削除したいデータのキーを空白区切りの文字列、または配列で指定します。

デモ

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>
  $("span:eq(0)").text("" + $("div").data("test1"));
  $("div").data("test1", "VALUE-1");
  $("div").data("test2", "VALUE-2");
  $("span:eq(1)").text("" + $("div").data("test1"));
  $("div").removeData("test1");
  $("span:eq(2)").text("" + $("div").data("test1"));
  $("span:eq(3)").text("" + $("div").data("test2"));
</script>
</body>
</html>