如何通过部分名称获取数据属性的值?
例如:
<div data-pcp-email="some text" data-pcp-order="some int" data-ref="some data"></div>
假设,我想让所有数据属性都以 开头data-pcp-
:结果必须是data-pcp-email
和 data-pcp-order
如何通过部分名称获取数据属性的值?
例如:
<div data-pcp-email="some text" data-pcp-order="some int" data-ref="some data"></div>
假设,我想让所有数据属性都以 开头data-pcp-
:结果必须是data-pcp-email
和 data-pcp-order
您可以获取属性名称为“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/
如果您只使用 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));
$('div[data^=pcp-]')