данных Jquery() только получить первое значение данных

Question

<div class="myClass" data-info="35"> 
    <div class="box-red"></div> 
</div> 

<div class="myClass" data-info="51"> 
    <div class="box-blue"></div> 
</div> 

<div class="myClass" data-info="81"> 
    <div class="box-black"></div> 
</div> 



[class^="box"]{ 
    width: 40px; 
    height: 40px; 
    display: block; 
} 
.box-red{ 
    background-color: red; 
} 
.box-blue{ 
    background-color: blue; 
} 
.box-black{ 
    background-color: black; 
} 


console.log($('.myClass')) 

<div class=​"myClass" data-info=​"35">​…​</div>​, 
<div class=​"myClass" data-info=​"51">​…​</div>​, 
<div class=​"myClass" data-info=​"81">​…​</div>​ 

Когда я console.log($('.myClass').data('info');) я получаю только 35

Как я могу получить все значения? я должен использовать each? и each - единственный способ? Благодаря

Answer 1

Использование $.each

$.each($('.myClass'),function(){ 
    console.log($(this).data('info')); 
});