jquery - 使用 jquery 删除多个 html5 数据属性

Question

所以 jquery api 说如下:

Removing data from jQuery's internal .data() cache does not effect any HTML5 data- attributes in a document; use .removeAttr() to remove those.

我可以毫无问题地删除单个数据属性。

<a title="title" data-loremIpsum="Ipsum" data-loremDolor="Dolor"></a>
$('a').removeAttr('data-loremipsum');

---

问题是，如何删除多个数据属性？

更多详情:

1. 起点是我有多个(比方说.. 60)不同的数据属性，我想删除所有这些属性。

2. 首选方法是仅针对那些包含单词 lorem 的数据属性。在这种情况下，lorem 始终是第一个单词。 (如果算上 data-，则为第二)

3. 另外我想保持所有其他属性不变

Answer 1

// Fetch an array of all the data
var data = $("a").data(),
    i;
// Fetch all the key-names
var keys = $.map(data , function(value, key) { return key; });
// Loop through the keys, remove the attribute if the key contains "lorem".
for(i = 0; i < keys.length; i++) {
    if (keys[i].indexOf('lorem') != -1) {
        $("a").removeAttr("data-" + keys[i]);
    }
}

在这里 fiddle :http://jsfiddle.net/Gpqh5/