Как получить множественные значения атрибутов jquery?

Question

Мой код: http://codepen.io/vincentccw/pen/ecJDG

В основном то, что я хочу, чтобы получить все ли данные значения атрибутов из атр вызова данных дизайнера

Там, предполагают, чтобы быть 4 из них, но я могу получить только с использованием:

var dsad = $('ul').attr("data-designer"); 

Как исправить это?

Answer 1

Вы можете использовать each() взаимодействовать с каждым элементом в отдельности:

$('ul').each(function(){ 
    console.log($(this).data('designer')); 
}); 

Или вы можете использовать map() создать массив всех значений, которые вы можете иметь дело с себе parately:

var designers = $('ul').map(function() { 
    return $(this).data('designed'); 
}); 
console.log(designers); 

Обратите внимание, я использовал data, чтобы получить data-* атрибуты как это происходит быстрее, чем доступ к атрибутам элемента DOM напрямую.

Answer 2

$('ul').each(function(){ 
    console.log($(this).attr('data-designer')) 
    //you can add to an array also 
}); 

Answer 3

Вы должны использовать .each()

$('ul').each(function(){ 
    console.log($(this).attr("data-designer")); 
}); 

Codepen Demo

Answer 4

$('ul').attr("data-designer") только что получил атрибут для первого элемента ул. Если получить все ULS с "data-designer" атрибутом, попробуйте следующее:

$('ul[data-designer]').each(function(){ 
     console.log($(this).attr("data-designer")); 
}); 

Answer 5

Вы можете использовать map() проецировать значения атрибутов в массив:

var designers = $("ul").map(function() { 
    return $(this).attr("data-designer"); 
}).get();