查找指定類別的每個div

Question

var data='<div class="shout_msg"> 
    <span class="username">3</span> 
    <span class="message">hello</span> 
</div> 
<div class="shout_msg"> 
    <span class="username">0</span> 
    <span class="message">yo</span> 
</div> 
<div class="shout_msg"> 
    <span class="username">0</span> 
    <span class="message">hey</span> 
</div> 
<div class="shout_msg"> 
    <span class="username">0</span> 
    <span class="message">haha</span> 
</div>'; 

$(data).find(".shout_msg").each(function(index){ 
    console.log($(this).find("span.username").text()); 
}); 

它沒有返回任何東西。基本上，這裏顯示的數據來自AJAX請求。但無論如何，我正在犯一個愚蠢的錯誤或什麼。請糾正我。

Answer 1

你會想在這種情況下使用filter，因爲你不在對象內部搜索。

$(data).filter(".shout_msg").each(function(index){ 
    console.log($(this).find("span.username").text()); 
}); 

下面是您的快速演示。

http://jsbin.com/ocefeq/1/edit

Answer 2

你都應該使用filter這裏

$(data).filter(".shout_msg"). 

您需要訪問元素的第一級，卻發現將努力讓不包括當前級別的元素，讓後代代替。

Check Fiddle