removeDataメソッド

TOPページに戻る > jquery入門

removeData()メソッド

removeDataメソッドは、dataメソッドで設定したデータを削除するメソッドです
引数に指定した名前と関連付けしてあるデータを削除します
引数を省略した場合は、セレクタに設定されたデータを全て削除します

名前と関連付けしてあるデータを削除

$("セレクタ").removeData("名前");

セレクタに設定されたデータを全て削除

$("セレクタ").removeData();

設定したデータを削除する

データにはfooとゆう値を設定しています
ボタン1をクリックしたときにデータを表示します。削除ボタンを押したときにデータを削除します
undefinedは値がない場合に表示されます

jquery

$(function() {
	$("#hoge").data("hoge","foo");
	$("#foo2").click(function(){
	$("#hoge").removeData("hoge");
	alert("データを削除しました");
	});
	$("#foo1").click(function(){
	var guga=$("#hoge").data("hoge")
	alert(guga);
	});
});

html

<div id="hoge"></div>
<button id="foo1">ボタン1</button>
<button id="foo2">ボタン2</button>

サンプル

ボタン1 ボタン2