jQuery .html（）で一部のメールが選択されていませんか？

Question

こんにちは私はjQueryを使い始めていますが、div内のコンテンツを選択しようとすると、一部のメールが選択されませんでしたか？私はSafariのコンソールを使ってjQueryコードを実行しています。 .text()で希望の結果が得られますが、なぜ.html()は機能しませんか？

jQueryの

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

結果

[ 
<div class=​"organizer_listing_contact_email">​ciara@bhre.net​</div>​ 
, 
<div class=​"organizer_listing_contact_email">hihi-p38sn-2788580457@somewhere.org​</div>​ 
, 
<div class=​"organizer_listing_contact_email">hihi-2xxtn-2783323299@someowhere.org​</div>​ 
] 

jQueryの

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

結果

"ciara@bhre.net" 

Answer 1

アクセサメソッドを（そのほとんどはとにかくあまりにミューテータあってもよいが、）のみ、結果セットの最初の項目に取り組みます。

つまり、.html()は、.attr('href')が最初のアイテムのhref属性を与えるように、セット内の最初のアイテムのhtmlを提供します。

代わりに、あなただけの文字列を返すことができます）.map

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

Answer 2

.find()リターンコレクションのjQueryオブジェクトの。そのコレクションの要素に対して繰り返し処理が必要です。あなたはそれを行うために.each()を使用することができます。

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

$emails.each(function() { 
    console.log($(this).text()); 
});