How do I get specific element in jQuery.each loop

Question

I need to get the div containing the street address within the list. The div has a class called address ( div class="address" )

I cannot use jQuery("#storeList li .address"), because there are other elements I need to acces as well.

I have the following code:

jQuery("#storeList li").each(function() {
  var n = jQuery(this.address).text(); // <- This does not work
  alert(n);
});

How do I access each DIV element of type Address?

Scharrels · Accepted Answer · 2009-08-09 20:52:17Z

16

jQuery("#storeList li").each(function() {
  var n = jQuery(this).find(".address").text(); // <- This works
  alert(n);
});

answered Aug 9, 2009 at 20:52

Scharrels

3,06526 silver badges31 bronze badges

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

4 Comments

redsquare Over a year ago

better to prefix the selectors with the node name also - jQuery(this).find("div.address")

Scharrels Over a year ago

It depends. If you prefix the selector with the node name, you cannot change the structure of the elements (e.g. replace a div by a span) without having to change the javascript code. On the other hand, jQuery might select the element faster if you use node selectors.

Will Morgan Over a year ago

Yes, node selectors will select an element faster. Conversely with CSS if you make your selector too specific, it slows down the selector process.

Eric Hepperle - CodeSlayer2010 Over a year ago

I spent about an hour trying to build a similar query to no avail. It kept giving me objects and messages about "v" is not a function (I was using the standard "i" and "v" notation as is taught with JavaScript). I finally found this post. Eureka! My issue was that I was doing $('this') instead of $(this) (I didn't need quotes). Thanks so much!

Raghav · Accepted Answer · 2009-08-10 08:03:26Z

4

$('#storeList li').each(function() 
{
  var n = $(this).find('div.address').html(); 
  alert(n);
});

answered Aug 10, 2009 at 8:03

Raghav

9,7367 gold badges91 silver badges115 bronze badges

Comments

Bill Bell · Accepted Answer · 2009-08-09 23:46:41Z

-1

jQuery("#storeList li:has(.address) .address").each(function() {
    alert(this.innerHTML);
});

An alternative that avoids using a second query. As a jQuery newbie I don't know what the tradeoffs really are though.

answered Aug 9, 2009 at 23:46

Bill Bell

21.7k6 gold badges48 silver badges62 bronze badges

3 Comments

Kobi Over a year ago

That's nice if you only care about address, but not if you have more fields, or what to handle li without addresses. Also, you don't need li:has(.address) .address, it's the same but slower than li .address - you're selecting the .address, so you know it's there.

Kobi Over a year ago

Is that cynical? I'm just trying to help... I didn't down vote it, by the way, though it's understandable.

Bill Bell Over a year ago

I was being sarcastic and I did assume you down-voted it. Apologies. I really can't see the point of that. Why would anyone offer a different possibility?

Collectives™ on Stack Overflow

How do I get specific element in jQuery.each loop

3 Answers 3

4 Comments

Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

4 Comments

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related