Использование jQuery для получения значений атрибутов данных с .each()

Question

У меня есть следующий HTML с атрибутами данных - я хочу написать некоторый jQuery, который будет циклически проходить через HTML и собирать атрибуты данных и помещать их в массив - может кто угодно помогите, поскольку я получаю сообщение об ошибке.

ERROR in console log : item.data is not a function 

Я пытаюсь использовать атрибут data() - вы видите, что я делаю неправильно?

// Мой HTML код

<span class="winners" data-userid="123" data-position="1" data-fullname="neil"> 
<span class="winners" data-userid="234" data-position="2" data-fullname="Ron"> 
<span class="winners" data-userid="421" data-position="3" data-fullname="Philip"> 

// Мой JQuery код

var multi = $('.winners'); 
var winners_array = []; 

$.each(multi, function (index, item) { 
    winners_array.push({name: 'fullname', value: item.data('fullname')}); 
}); 

console.log(winners_array); 
// ERROR in console log : item.data is not a function 

Answer 1

item не является объектом JQuery, аргументы для each являются индекс и родной элемент DOM

var multi = $('.winners'); 
var winners_array = []; 

$.each(multi, function (index, item) { 
    winners_array.push({name: 'fullname', value: $(item).data('fullname')}); 
}); 

с использованием карты было бы проще

var winners_array = $.map($('.winners'), function(el) { 
    return {name: 'fullname', value: $(el).data('fullname')} 
}); 

Answer 2

Используйте вместо этого item.dataset.fullname.

var multi = $('.winners'); 
var winners_array = []; 

$.each(multi, function (index, item) { 
    winners_array.push({name: 'fullname', value: item.dataset.fullname}); 
}); 

console.log(winners_array); 

Answer 3

Я понимаю, что вы должны использовать $ (item), а не только данные. Просьба найти код ниже: