如何獲取多個jquery attr值？

Question

我的代碼： http : //codepen.io/vincentccw/pen/ecJDG

基本上，我要獲取的是attr調用數據設計器的所有數據屬性值

大概有4個，但我只能使用以下方法獲得第一個：

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

我該如何解決？

Answer 1

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

Answer 2

您可以使用map（）將屬性值投影到數組中：

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

Answer 3

您可以使用each()與每個元素分別交互：

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

或者，您可以使用map()創建一個包含所有可以單獨處理的值的數組：

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

注意，我使用data來獲取data-*屬性，因為這比直接訪問DOM元素的屬性要快。

Answer 4

您需要使用.each()

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

Codepen演示

Answer 5

$('ul').attr("data-designer")剛獲得了第一個ul元素的屬性。 如果要使用"data-designer"屬性獲取所有ul，請嘗試以下操作：

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