Question

Hi I am starting to use jQuery and when I try to select the content inside a div, some emails don’t get selected? I’m using Safari’s console to execute the jQuery code. I get the desired result with .text() but why doesn’t .html() work?

jQuery

$("input[type=checkbox]:checked").parents('.organizer_listing').find('.organizer_listing_contact_email')

Result

[
<div class=​"organizer_listing_contact_email">​[e-mail]​</div>​
, 
<div class=​"organizer_listing_contact_email">[e-mail]​</div>​
, 
<div class=​"organizer_listing_contact_email">[e-mail]​</div>​
]

jQuery

$("input[type=checkbox]:checked").parents('.organizer_listing').find('.organizer_listing_contact_email').html()

Result

"[e-mail]"

Answer 1

The accessor methods (most of which can be mutators too, but anyway) will only work on the first item in the result set.

That is, .html() will give you the html of the first item in the set, just as .attr('href') will give you the first item’s href attribute.

Instead, you might want to use .map

...find('.organizer_listing_contact_email').map(function () {
    return $(this).html();
}).get();