javascript - 如何获得多个 jquery attr 值？

Question

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

基本上我想要得到的是来自 attr 调用data-designer的所有数据属性值

假设有 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);

Note, I used data to get the data-* attributes as this is quicker than accessing the attributes of the DOM element directly.

Answer 4

你需要使用.each()

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

Codepen 演示

Answer 5

$('ul').attr("data-designer")刚刚获得了第一个 ul 元素的属性。如果要获取所有具有"data-designer"属性的 uls，请尝试以下操作：

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