Cách xóa thuộc tính data- * bằng cách sử dụng tập dữ liệu HTML5

Question

Theo the dataset spec, cách element.dataset có nghĩa là xóa thuộc tính dữ liệu? Xem xét:

<p id="example" data-a="string a" data-b="string b"></p> 

Nếu bạn làm điều này:

var elem = document.querySelector('#example'); 
elem.dataset.a = null; 
elem.dataset.b = undefined; 
elem.dataset.c = false; 
elem.dataset.d = 3; 
elem.dataset.e = [1, 2, 3]; 
elem.dataset.f = {prop: 'value'}; 
elem.dataset.g = JSON.stringify({prop: 'value'}); 

DOM trở này trong Chrome và Firefox:

<p id="example" 
    data-a="null" 
    data-b="undefined" 
    data-c="false" 
    data-d="3" 
    data-e="1,2,3" 
    data.f="[object Object]" 
    data.g="{"prop":"value"}" 
></p> 

Chrome/Firefox thực hiện bắt chước setAttribute. Về cơ bản nó áp dụng .toString() trước tiên. Điều này có ý nghĩa với tôi ngoại trừ việc xử lý null vì tôi mong đợi rằng null sẽ xóa thuộc tính. Nếu không như thế nào API dữ liệu làm tương đương với:

elem.removeAttribute('data-a'); 

Và những gì về các thuộc tính boolean:

<p data-something> tương đương với <p data-something=""> Hmm.

Answer 1

Sẽ không 'xóa' xóa yếu tố tập dữ liệu? Ví dụ .:

<div id="a1" data-foo="bar">test</div> 

<script> 
var v = document.getElementById('a1'); 
alert(v.dataset.foo); 
delete v.dataset.foo; 
alert(v.dataset.foo); 
</script> 

Answer 2

<div data-id="test">test</div> 

$(document).ready(function(){ 
    $("div").removeAttr("data-id"); // removing the data attributes. 
    console.log($("div").data("id")); // displays in the console. 
});