javascript - 添加数组中元素的所有数据属性

Question

我需要在数组中添加所有数据属性

$('.lightbox-trigger').click(function (e) {
e.preventDefault();
e.stopPropagation();
var image_src_arr = $('.lightbox-trigger').data('img-src');
console.log(image_src_arr);

});

http://jsfiddle.net/v7E5g/2/
但我只获取第一个元素的数据属性。
怎么了？我怎样才能让它发挥作用？

Answer 1

您可以使用.map() ，当您使用 .data() 时作为 getter，它将返回调用对象集中第一个对象的值

$('.lightbox-trigger').click(function (e) {
    e.preventDefault();
    e.stopPropagation();
    var image_src_arr = $('.lightbox-trigger').map(function () {
        return $(this).data('img-src');
    }).get()
    console.log(image_src_arr);

});

演示:Fiddle