Creating Javascript array of DIV's with specific ID tag

Question

Having trouble getting the id of divs on my page that begin with "refresh".

Example: I have 3 divs on my page.

<div id='refresh5'></div>
<div id='refresh12'></div>
<div id='red'></div>

I'm trying to create a array using javascript of the divs that begin with "refresh", tried using the following:

var arr = $('div[id^="refresh"]');
alert(arr);

But the alert only shows me [object Object], instead of the div id's ????

Any help is appreciated.

You can try console.log(arr) to see the contents of the object. The reason you get back an object is because jQuery will returns a jquery object. Someone else can probably explain it better. — Gohn67
– Gohn67, Commented Mar 7, 2012 at 23:38
You might want to use a debugger (I suggest chrome or firefox's developer tools) and set a breakpoint instead of using alerts for debugging purposes.. — c_maker
– c_maker, Commented Mar 7, 2012 at 23:39

David Thomas · Accepted Answer · 2012-03-07 23:37:30Z

2

The problem you're having is that the selector you've supplied returns an array of jQuery objects, not a list of ids.

Try instead:

var arr = $('div[id^="refresh"]').map(function(){ return this.id;}).get().join(',');
alert(arr);

JS Fiddle demo.

References:

answered Mar 7, 2012 at 23:37

David Thomas

254k53 gold badges382 silver badges421 bronze badges

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

Comments

Koen Peters · Accepted Answer · 2012-03-07 23:44:17Z

1

If you do this for testing purposes, use console.log instead of alert. You can look at all the details ni the javascript log (hit F12 in IE or right click the page and select "Inspect element" in chrome/safari)

answered Mar 7, 2012 at 23:44

Koen Peters

12.9k6 gold badges40 silver badges62 bronze badges

Comments

Marat Tanalin · Accepted Answer · 2012-03-07 23:37:27Z

1

jQuery object (result of $()) is not Array or String. It's object.

answered Mar 7, 2012 at 23:37

Marat Tanalin

14.2k1 gold badge38 silver badges53 bronze badges

Comments

Andre Meinhold · Accepted Answer · 2012-03-07 23:38:07Z

1

I think you use jquery there. $() returns an "array-like-object", so the output you get is absolutely correct there!

answered Mar 7, 2012 at 23:38

Andre Meinhold

5,3354 gold badges23 silver badges30 bronze badges

Comments

androidavid · Accepted Answer · 2012-03-07 23:37:25Z

0

I dont know if the selector is right cause I didnt check it, but when it is, you will get the id's like this:

//your code here...
var a = [];
arr.each(function() {
   a.push($(this).attr('id'));
});

alert(a);

answered Mar 7, 2012 at 23:37

androidavid

1,2691 gold badge11 silver badges22 bronze badges

Collectives™ on Stack Overflow

Creating Javascript array of DIV's with specific ID tag

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related