找到指定类的每个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