HOME > > > > >

jQuery.removeData(element [, name ])

引数

element
dataを削除するDOMエレメント
name
削除するkey

戻り値

jQuery
jQuery オブジェクト

data()で設定したデータを削除する。HTMLで書かれたdata-*は削除できない。

サンプル

実行結果

remove

Nikon D800

CANON EOS 5D Mark III


Javascript

  1.  
  2. $('#sample1 span').on('click', function (e) {
  3.     var p$ = $('#sample1 p'),
  4.         view$ = $('#sample1-result');
  5.  
  6.     p$.each(function(i){
  7.         // price 追加
  8.         $.data(this, 'price', '200000');
  9.  
  10.         view$.append($('<div>', {
  11.             text: $(this).data('code') + ' : ' + $(this).data('maker') + ' : ' + $(this).data('price')
  12.         }));
  13.  
  14.         // data を削除
  15.         $.removeData(this, 'code');
  16.         $.removeData(this, 'maker');
  17.         $.removeData(this, 'price');
  18.  
  19.         // data()で追加した price のみ削除
  20.         view$.append($('<div>', {
  21.             text: $(this).data('code') + ' : ' + $(this).data('maker') + ' : ' + $(this).data('price')
  22.         }));
  23.     });
  24. });
  25.  

HTML

  1.  
  2. <div id="sample1">
  3.     <span class="cq-btn">remove</span>
  4.     <p data-code="D800" data-maker="Nikon">Nikon D800</p>
  5.     <p data-code="EOS 5D Mark III" data-maker="CANON">CANON EOS 5D Mark III</p>
  6.     <hr />
  7.     <div id="sample1-result"></div>
  8. </div>
  9.  

HTMLに直で書かれたdataを削除するには.removeAttr()を利用する。