removeDataメソッド

removeDataメソッドは、dataメソッドを使用して設定された値を削除することを可能にします。

構文

キー名を指定してメソッドを呼び出すと、そのキーを持つオブジェクトに保存されている値を削除します:

javascript.removeData(キー名);

また、配列またはスペースで区切られたキー名のリストを文字列で渡すことで、複数の値を一度に削除することもできます:

javascript.removeData(リスト);

パラメータを何も渡さない場合、すべてのデータが削除されます:

javascript.removeData();

例

キー名を'test'、値を21としてdataを使用してpタグにデータを設定し、その後removeDataを使用して再度削除してみましょう:

html<p>テキスト</p>
javascript$('p').data('test', 21); // データが書き込まれる
console.log($('p').data('test')); // 21が出力される

$('p').removeData('test'); // 'test'のデータが削除される
console.log($('p').data('test')); // undefinedが出力される

関連項目

  • 要素にデータを書き込み、読み込むことを可能にするdataメソッド
  • 要素にデータが存在するかどうかをチェックするhasDataメソッド
  • タグから指定された属性を削除することを可能にするJavaScriptメソッドremoveAttribute