1

我有几个 HTML 块,比如下面名为recordContainer记录 <div>块,是动态生成的。要在查询时引用整个块,我正在使用:

$(".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>

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

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

JSFiddle 这里

4

2 回答 2

2

ID 是 # :

$("#records div.recordContainer span.listLeadAuthor")
于 2013-03-22T09:51:49.370 回答
1

你有这个ID:

div id="records">

但是您在 jQuery 中使用类表示法'.'使用'#' For id 表示法来引用它。

$("#records div.recordContainer span.listLeadAuthor").each(function(){
//-^---this one

但我认为这会表现得更好:

$("div.recordContainer span.listLeadAuthor").each(function(){
于 2013-03-22T09:59:34.657 回答