javascript - 如何从 div 元素中删除 data- 属性？

Question

我有一个 html div 元素，它包含很多 HTML-5 data- 属性来存储额外的

带有元素的数据。我知道我们可以使用 jquery 的 removeAttr 来删除特定的属性，

但我想知道有什么方法可以一次性删除data-吗？

Answer 1

不，您必须遍历它们并单独删除它们。例如:

var $div = $("selector for the div"),
    attrs = $div[0].attributes,
    name,
    index;
for (index = attrs.length - 1; index >= 0; --index) {
    name = attrs[index].nodeName;
    if (name.substring(0, 5) === "data-") {
        $div.removeAttr(name);
    }
}

Live copy | source

...或类似的东西。