5

如何通过部分名称获取数据属性的值?
例如:

<div data-pcp-email="some text" data-pcp-order="some int" data-ref="some data"></div>

假设,我想让所有数据属性都以 开头data-pcp-:结果必须是data-pcp-emaildata-pcp-order

4

3 回答 3

4

您可以获取属性名称为“pcp”的所有属性(及其值),如下所示:

// get an object map containing all data attributes
var data = $('selector').data();

// filter out what you need
for(var key in data) {
    if(key.indexOf('pcp') === 0) { // attrib names begins with 'pcp' ?
        console.log(key + ' => ' + data[key]);
    }
}

这是一个演示:http: //jsfiddle.net/8waUn/1/

于 2013-02-10T08:22:18.890 回答
1

如果您只使用 HTML 或 jQueryattr函数设置属性:

$('div[data^=pcp-]')

如果使用 jQuery 的data函数设置值,则必须使用filter.

$('div').filter(function(){
    var data = $(this).data();
    for (var key in data){
        return key.indexOf('pcp-') === 0;

    }
});

如果您只想要可以使用的属性map

var values = $('div').map(function () {
    var data = $(this).data();
    var results = [];
    for (var key in data) {
        if (key.indexOf('pcp') === 0) results.push({
            key: key,
            value: data[key]
        });
    }
    if (results.length) 
        return results;
}).get();

console.log(JSON.stringify(values));

现场演示

于 2013-02-10T08:18:51.643 回答
-2

使用“属性以”jQuery 选择器开始

$('div[data^=pcp-]')
于 2013-02-10T08:18:11.923 回答