jquery - 查找具有指定类的每个 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