Iterate over an array of selected jQuery Objects?

Question

How do you iterate through a group of selected jQuery objects so that you can perform jQuery functions on each object individually?

   
 <div class="foobar">abc</div>
 <div class="foobar">123</div>
 <div class="foobar">abc123</div>

I can select the group:

var foobarObjects = jQuery('.foobar')

But how would you go through each jQuery object in foobarObject and manipulate each one individually? I thought I could use jQuery().each but that only allows me to work with DOM objects, not jQuery objects. I also tried a for loop in conjunction with the jQuery().eq(i) function, but that seems to merge the items together.

Stefan Kendall · Accepted Answer · 2009-10-12 18:34:45Z

25

Use $(this)

$('.foobar').each(function(){
  $(this).blah//refers to jquery object.
});

answered Oct 12, 2009 at 18:34

Stefan Kendall

68.2k69 gold badges259 silver badges409 bronze badges

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

4 Comments

Bostone Over a year ago

B.T.W. if you need to set something like attribute or class on ALL items in group you can simply use $('.foobar').attr("blah", "blah");

Artem Yevtushenko Over a year ago

Hey Stefan, how would you also retrieve the index of the element? Usually, I would use the callbacks, i and v, to get the index and value separately. Is there any way to do this with "this"?

Stefan Kendall Over a year ago

@ArtemYevtushenko api.jquery.com/jquery.each the first argument is the index, second is the value

Artem Yevtushenko Over a year ago

@StefanKendall yes, but I’m curious to know if there’s a way of using “this” and if there are any benefits. Practically having both callbacks isn’t an issue.

Dušan Maďar · Accepted Answer · 2015-11-24 13:10:10Z

2

Within jQuery().each() you can use $(this) to use the jQuery functions on the current DOM object.

edited Nov 24, 2015 at 13:10

Dušan Maďar

10k6 gold badges58 silver badges72 bronze badges

answered Oct 12, 2009 at 18:34

Ty W

6,8245 gold badges30 silver badges37 bronze badges

Collectives™ on Stack Overflow

Iterate over an array of selected jQuery Objects?

2 Answers 2

4 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related