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?

Answer 1

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

Answer 2

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.

Answer 3

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