How do I store data in array within a loop jQuery

Question

How do I store data in array within a loop?

    var images;
    var i = 0;

    $('#cover div').each(function()
    {
        alert($(this).attr('id'));
        //I should store id in an array
    });


    <div id="cover">
        <div id="slider_1"><p class="content">SLIDER ONE</p></div>
        <div id="slider_2"><p class="content">SLIDER TWO</p></div>
        <div id="slider_3"><p class="content">SLIDER THREE</p></div>
    </div>

Adil · Accepted Answer · 2013-12-19 10:17:15Z

29

Try this,

var arr = [];
i = 0;
$('#cover div').each(function()
{
        alert($(this).attr('id'));
        arr[i++] = $(this).attr('id');
        //I should store id in an array
});

other Way for getting id using javascript object instead of jquery for increasing performance.

var arr = [];
i = 0;
$('#cover div').each(function()
{
      arr[i++] = this.id;
});

Edit You can also use jQuery map()

Live Demo

arr = $('#cover div').map(function(){
    return this.id;
});

edited Dec 19, 2013 at 10:17

answered Aug 2, 2012 at 13:18

Adil

148k25 gold badges217 silver badges207 bronze badges

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

7 Comments

Blazemonger Over a year ago

Why not just push it onto the array instead of wasting time with a counter? Or else use the index argument to the .each callback function.

Benno Over a year ago

Any reason for not just using arr.push($(this).attr('id'))?? ... 4 seconds late, haha.

Nope Over a year ago

@Benno: Push is slower than the code-sample not using jQuery, see performance test I created: jsperf.com/array-push-vs-insert However, it seems push is faster than the first code-sample using jQuery to select the id. Eitherway, stick to second code-sample in that case.

Adil Over a year ago

Thanks for telling @ François Wahl, infact javascript gives performance over jquery usually but it is not with this case .

Benno Over a year ago

The reason the first one is fastest is because you aren't running an $.attr call though. jsperf.com/array-push-vs-insert/2.

|

Jaro · Accepted Answer · 2012-08-02 13:20:47Z

2

javascript Arrays have a method push(el) like this:

var images;
var i = 0;

$('#cover div').each(function()
{
    alert($(this).attr('id'));
    images.push($(this).attr('id'));
});

<div id="cover">
    <div id="slider_1"><p class="content">SLIDER ONE</p></div>
    <div id="slider_2"><p class="content">SLIDER TWO</p></div>
    <div id="slider_3"><p class="content">SLIDER THREE</p></div>
</div>

answered Aug 2, 2012 at 13:20

Jaro

5706 silver badges15 bronze badges

Collectives™ on Stack Overflow

How do I store data in array within a loop jQuery

2 Answers 2

7 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

7 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related