javascript - div要素からdata-attributeを削除する方法は？

Question

余分なものを保存するためのHTML-5属性がたくさん含まれているhtmldiv要素がありますdata-

要素を持つデータ。removeAttrjqueryを使用して特定の属性を削除できることを知っています。

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);
    }
}

ライブコピー| ソース

...またはそれらの線に沿った何か。

Answer 2

これを行うための大規模な方法を認識していません。次のような要素で要素の属性をループする必要があります

var el = document.querySelector('p');
for (var i=0; i<el.attributes.length; i++)
    if (/^data-/i.test(el.attributes[i].name))
        el.removeAttribute(el.attributes[i].name);