Question

我有几个相同类的HTML（＆＃34; traduction＆＃34;）：

<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，您可以这样做，例如：

＆＃13;

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

＆＃13;

<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>

＆＃13;

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

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

1 个答案: