Jquery - push multiple values in Array with index

Question

I have this HTML with several and same class ("traduction"):

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

What I need to have is an array like this:

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

I tried with an array.push(values) but there isn't index in the array ... How an I do please ? thanks

can you show the code you tried and the output please

Grushton94
– Grushton94

2015-02-26 11:00:32 +00:00
Commented Feb 26, 2015 at 11:00 — Grushton94
– Grushton94, Commented Feb 26, 2015 at 11:00

antyrat · Accepted Answer · 2015-02-26 10:59:43Z

8

As you mentioned jquery in your tags you can do this way for example:

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>

See the console for result output.

answered Feb 26, 2015 at 10:59

antyrat

27.7k9 gold badges78 silver badges77 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Jquery - push multiple values in Array with index

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related