jQuery quicksearch元素来搜索无法正常工作

Question

我正在使用一个名为quicksearch的jquery插件来过滤评论列表。

这是标记的摘录：

<ol class="commentlist">


        <li class="comment byuser comment-author-admin bypostauthor even thread-even depth-1" id="li-comment-9">

            <article id="comment-9" class="comment">


                <div class="comment-content">
                    <p><span class="ecf-field ecf-field-1">

                <strong class="ecf-question">I CHOOSE :</strong><span class="ecf-answer">HTML5</span>

                    </span></p>

                 <p>I agree with HTML 5</p>

                </div>

            </article><!-- #comment-## -->

        </li><!-- #comment-## -->

我想要的是通过此<span class="ecf-answer">HTML5</span>进行搜索，因此，如果搜索查询与HTML5相匹配以显示与搜索查询相对应的<li>项。

问题是，如果我搜索HTML5则搜索的是整个<li>项，而不仅是<span class="ecf-answer">HTML5</span>

我的问题是，如何让它搜索此<span class="ecf-answer">HTML5</span>但仍删除所有不对应的<li>项？

这是一个小提琴 ，可以更好地了解我在说什么。

这可能吗 ？

Answer 1

在您通过JSFiddle提供的代码中，我看到缓存var（负责在查询中进行比较的变量）作为整个<li>内部结构传递。

通过编辑第134行：

return e.strip_html(this.innerHTML);

至

return e.strip_html($(this).find(".ecf-answer").html());

...然后您告诉应用程序仅比较每个项目的.efc-answer部分。

这是工作中的小提琴http://jsfiddle.net/2QAdv/1/

但是 ，还有另一种解决方案，可以为快速搜索构造函数提供selector值，如下所示：

$("#id_search").quicksearch("ol li article ", {
                                               noResults: '#noresults',
                                               loader: 'span.loading',
                                               selector: '.ecf-answer'
                                               });

http://jsfiddle.net/2QAdv/2/

我希望这是您要寻找的。

干杯:)