Question

HTML：

<div class="master">
  <div class='example' data-value="one">One</div>
  <div class='example' data-value="two">Two</div>
  <div class='example' data-value="three">Three</div>
</div>

这是我的jfiddle：http://jsfiddle.net/b41wxebq/5/

正如您所看到的那样，警告“一个人”。显示而不是“一，二，三”。这是为什么？如何捕获父级＆＃39;？

的所有数据值

Answer 1

您每次都需要遍历它们alert，或者您可以使用.map来获取值的数组：

var dataVals = $("div.master div.example").map(function() {
    return $(this).data("value");
}).get();

console.log(dataVals); //['one', 'two', 'three']

Answer 2

试试这个，您也可以使用each功能，Demo

 var data_value=[];
   $("div.master div.example").each(function() {
        data_value.push($(this).attr("data-value"));
     });
 alert(data_value);

使用.children（）来收集数据值

2 个答案: