Get every element values from class selector [duplicate]

Question

Possible Duplicate:
Get attribute values as array from selection of elements using jQuery

I am trying to get the id from the list of elements

I have

<div class='test' id='123'> </div>
<div class='test' id='1243'> </div>

<div class='test' id='1223'> </div>
<div class='test' id='1423'> </div>
<div class='test' id='1223'> </div>
<div class='test' id='1253'> </div>

I want to get id for every div

I have

var idarray=[];

var id= $('.test').attr('id'); //would only get the first 123 id.

idarray.push(id)

How to I get every id to the idarray in my case? Thanks for the help

You can't have multiple elements with the same id, it is not valid HTML. — jmoerdyk
– jmoerdyk, Commented Nov 30, 2012 at 18:37

Sushanth -- · Accepted Answer · 2012-11-30 18:39:33Z

5

You can use

var idarray = $('.test').map(function(){return this.id}).get();

edited Nov 30, 2012 at 18:39

Sushanth --

55.8k9 gold badges70 silver badges109 bronze badges

answered Nov 30, 2012 at 18:34

Denys Séguret

384k90 gold badges813 silver badges780 bronze badges

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

1 Comment

Felix Kling Over a year ago

You are missing .get though... idarray will be a jQuery object.

Nelson Benítez León · Accepted Answer · 2012-11-30 18:33:16Z

2

You can use jquery .map() function to create your array, like this:

var id = $('.test').map(function() {
   return $(this).attr('id');
}).get();

answered Nov 30, 2012 at 18:33

Nelson Benítez León

51.1k8 gold badges70 silver badges84 bronze badges

2 Comments

jfriend00 Over a year ago

See dystroy's answer for a more efficient way to use the .map() method. There's no need to use jQuery inside the callback.

Nelson Benítez León Over a year ago

Yes I noticed that, anyway will leave my answer as that so to have different solutions of the same problem.

brenjt · Accepted Answer · 2012-11-30 18:41:22Z

2

You can accomplish this with a simple each loop.

var idarray=[];
$('.test').each(function(){idarray.push(this.id);})

edited Nov 30, 2012 at 18:41

answered Nov 30, 2012 at 18:33

brenjt

16.3k14 gold badges80 silver badges120 bronze badges

Comments

Elliot Bonneville · Accepted Answer · 2012-11-30 18:33:06Z

1

Use a .each loop, like this:

var idarray = [];

$(".test").each(function() {
    idarray.push($(this).attr("id"));
});

answered Nov 30, 2012 at 18:33

Elliot Bonneville

53.6k24 gold badges101 silver badges125 bronze badges

Comments

Carson · Accepted Answer · 2012-11-30 18:34:54Z

1

This is a possible solution:

ids = [];
$("div").each(function() {
    $this = $(this);
    ids.push($this.attr("id"));
});

This would result in an array of ids.

answered Nov 30, 2012 at 18:34

Carson

111 bronze badge

3 Comments

Felix Kling Over a year ago

You can simplify this to ids.push(this.id).

Carson Over a year ago

Yes, but this may be more readable to the OP.

Felix Kling Over a year ago

Ok, even if you want to use .attr, why do you create an extra (global!) variable $this? I prefer readability too, but that's no reason to introduce unnecessary code. At least make $this local.

Sridhar Narasimhan · Accepted Answer · 2012-11-30 18:36:26Z

1

use the below code to id in idarray

var idarray = [];
$.each($(".test"),function(index,value)
   {
idarray.push($(value).attr("id"));
   });

Check for the fiddle

http://jsfiddle.net/E8Rjs/5/ Thanks

answered Nov 30, 2012 at 18:36

Sridhar Narasimhan

2,6532 gold badges19 silver badges25 bronze badges

Collectives™ on Stack Overflow

Get every element values from class selector [duplicate]

6 Answers 6

1 Comment

2 Comments

Comments

Comments

3 Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

1 Comment

2 Comments

Comments

Comments

3 Comments

Comments

Linked

Related