jquery - 检索 jQuery 集合元素的数据属性值

Question

这适用于第一场比赛:

 var attributeValue = $({selector}).data("myAttribute");

但是如果我想获取所有元素选择器匹配的值，我会执行以下操作:

var attributes = [];
$.each($({selector})), function(k,v) { attributes.push($(v).data("myAttribute")); });

这感觉很愚蠢。有没有更简单的方法来获取所有元素的数据？

Answer 1

我认为没有一种内置方法可以创建您想要的数组。但是您当然可以使用 $().map() 稍微简化代码:

var attributes = $({selector}).map( function( i, element ) {
    return $(element).data( 'myAttribute' );
});

或者，如果这可能在多个地方使用，您可以将其设为插件:

$.fn.dataArray = function( name ) {
    return this.map( function( i, element ) {
        return $(element).data( name );
    });
};

并用这个非常简单的代码调用它:

var attributes = $({selector}).dataArray( 'myAttribute' );