在数组中添加每个div属性

Question

我正在尝试构建一个包含div所具有的数据属性的数组。它看起来像这样。

<div class="myclass" data-test="hello"></div>

我到目前为止，但不知道如何继续：

$('#container .myclass').each(function () { mArray. })

我不知道该怎么用数组...

我正在寻找的输出是

array 0
 ... test = hello...

或类似的东西。

我想我可以通过编写和添加来获取所有ITEMS，但似乎应该有一种更简单的方法。

Answer 1

data()返回包含所有数据属性的对象。这可能是什么？

$('#container .myclass').data()

Answer 2

如果你的div具有以data-prefix开头的属性（data-test =“hello”data-info =“some text ..”等等），你可以将所有这些属性的值存储在一个对象中jQuery数据方法，例如：

var myObject = $（“div.myclass”）。data（）;

Answer 3

这是一种可能的解决方案，使用map()： DEMO HERE

var dataTests =$('#container .myclass').map(function(){
    return this.getAttribute('data-test');
}).get();

alert(dataTests[0]);//element 0