jquery - 如何在 jQuery 中同时运行实时搜索过滤器？

Question

我有几个 HTML block ，例如 records 中名为 recordContainer 的 HTML block <div> ，动态生成。要在查询时引用整个 block ，我正在使用:

$(".records div.recordContainer").each(function(){

  <div id="records">
        <div class="recordContainer" id="article0">
             <div class="lineDivide"></div>
             <span class="listLeadAuthor"> Brian May</span>

  <br /> 
             <span class="listSubject">Cheese</span>
            <br />
             <span class="listDate">2008</span>
       </div> 
</div>

我只想引用各个跨度元素，因为我有三个不同的搜索框。

这是我想要完成的 JSFiddle。当我在 recordContainer 中输入作者姓名时，我想隐藏整个其他不匹配的 recordContainer，而不仅仅是作者姓名。我希望能够只搜索可见元素，而不是每次搜索都重新开始。

JSFiddle Here

Answer 1

ID 是 # :

$("#records div.recordContainer span.listLeadAuthor")