Jquery - 使用索引在Array中推送多个值

Question

我有几个相同的类("traduction")这个HTML:

<div>
    <div class="traduction" data-exist='yes' data-id-traduction="1">
        Blabla 1
    </div>
    <div class="traduction" data-exist='no' data-id-traduction="2">
        Blabla 2
    </div>
    <div class="traduction" data-exist='yes' data-id-traduction="3">
        Blabla 3
    </div>
    <div class="traduction" data-exist='no' data-id-traduction="4">
        Blabla 4
    </div>
</div>

我需要的是这样一个数组:

array
    0
       content : 'Blabla 1'
       exist : 'yes'
       id : '1'
    1
       content : 'Blabla 2'
       exist : 'no'
       id : '2'
...

我尝试使用array.push(values)但是数组中没有索引......我该怎么做？谢谢

Answer 1

正如您在标签中提到的jquery,您可以这样做,例如:

var myArray = [];
$( '.traduction' ).each( function() {
   myArray.push( {
     content: $( this ).text(),
     exist: $( this ).data( 'exist' ),
     id: $( this ).data( 'id-traduction' )
   });
});
console.log( myArray );

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
    <div class="traduction" data-exist='yes' data-id-traduction="1">
        Blabla 1
    </div>
    <div class="traduction" data-exist='no' data-id-traduction="2">
        Blabla 2
    </div>
    <div class="traduction" data-exist='yes' data-id-traduction="3">
        Blabla 3
    </div>
    <div class="traduction" data-exist='no' data-id-traduction="4">
        Blabla 4
    </div>
</div>

请参阅控制台以获取结果输出.