複数のデータ属性を取得する

Question

説明が少し難しい....私はこの繰り返しdivの属性を取得しようとしています。以下のコード..

<div class="hidden-data"> 
    <div class="menu-data" data-title="About"></div> 
    <div class="menu-data" data-title="Team"></div> 
    ETC/ETC/ETC 
</div> 

今私が呼んでいる...

var data = $(".menu-data").attr("data-title"); 

とのみ、 '約' 最初の1つを得ます。私は各 'data-title'属性を配列に渡す方法を見つけたいと思います。

思考？私はここで困っていて、困ったこともあります。

ありがとう！あなたはjQueryオブジェクトのデータメソッドを呼び出すと、そのノードリスト内の最初の要素のためのデータを返すためです

Answer 1

のjQuery

var array = []; 
$(".menu-data").each(function() { 
    array.push($(this).attr("data-title")); 
}); 

Js Fiddle

Answer 2

。すべてのdivのデータを取得するには、$.eachメソッドを使用して要素をループするか、マッピングを使用してリスト内の属性を取得する必要があります。

Answer 3

あなたが望むことを均等を取得するためにeqを使用するか、または取得するためにeachを使用することができ、それぞれ1

\t var data = $(".menu-data").eq(0).data('title'); 
 
    console.log('eq(0) : ' + data); 
 
    
 
    var data = $(".menu-data").eq(1).data('title'); 
 
\t console.log('eq(1): ' + data); 
 
    
 
    $(".menu-data").each(function(){ 
 
    console.log('each: ' + $(this).data('title')); 
 
    })

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="hidden-data"> 
 
    <div class="menu-data" data-title="About"></div> 
 
    <div class="menu-data" data-title="Team"></div> 
 
    ETC/ETC/ETC 
 
</div>