引数
- element
- dataを削除するDOMエレメント
- name
- 削除するkey
data()で設定したデータを削除する。HTMLで書かれたdata-*は削除できない。
サンプル
実行結果
remove
Nikon D800
CANON EOS 5D Mark III
Javascript
$('#sample1 span').on('click', function (e) {
var p$ = $('#sample1 p'),
view$ = $('#sample1-result');
p$.each(function(i){
// price 追加
$.data(this, 'price', '200000');
view$.append($('<div>', {
text: $(this).data('code') + ' : ' + $(this).data('maker') + ' : ' + $(this).data('price')
}));
// data を削除
$.removeData(this, 'code');
$.removeData(this, 'maker');
$.removeData(this, 'price');
// data()で追加した price のみ削除
view$.append($('<div>', {
text: $(this).data('code') + ' : ' + $(this).data('maker') + ' : ' + $(this).data('price')
}));
});
});
HTML
<div id="sample1">
<span class="cq-btn">remove</span>
<p data-code="D800" data-maker="Nikon">Nikon D800</p>
<p data-code="EOS 5D Mark III" data-maker="CANON">CANON EOS 5D Mark III</p>
<hr />
<div id="sample1-result"></div>
</div>
HTMLに直で書かれたdataを削除するには.removeAttr()を利用する。