removeDataメソッド
removeDataメソッドは、dataメソッドを使用して設定された値を削除することを可能にします。
構文
キー名を指定してメソッドを呼び出すと、そのキーを持つオブジェクトに保存されている値を削除します:
.removeData(キー名);
また、配列またはスペースで区切られたキー名のリストを文字列で渡すことで、複数の値を一度に削除することもできます:
.removeData(リスト);
パラメータを何も渡さない場合、すべてのデータが削除されます:
.removeData();
例
キー名を'test'、値を21としてdataを使用してpタグにデータを設定し、その後removeDataを使用して再度削除してみましょう:
<p>テキスト</p>
$('p').data('test', 21); // データが書き込まれる
console.log($('p').data('test')); // 21が出力される
$('p').removeData('test'); // 'test'のデータが削除される
console.log($('p').data('test')); // undefinedが出力される
関連項目
-
要素にデータを書き込み、読み込むことを可能にする
dataメソッド -
要素にデータが存在するかどうかをチェックする
hasDataメソッド -
タグから指定された属性を削除することを可能にするJavaScriptメソッド
removeAttribute