jquery - 哪个 jQuery 插件可以搜索元素并在 DIV 中实时显示它们？

Question

我正在寻找一个 jQuery 插件，它可以让我：

1. 具有将用于用户搜索文本的输入
2. 搜索我的元素
3. 从第一个输入中显示适合搜索字符串的所有元素。所以就像一个通过元素的搜索系统，但我需要在其他一些 DIV 中显示这些元素。

我目前正在使用快速搜索（https://github.com/riklomas/quicksearch）它工作得很好，我只有一个问题：

我的导航看起来像这样：

<div class="nav-column">
<h3>Š</h3>
<ul class="submenu">
<li><a href="">
Šentjur <small>(2)</small></a></li>
<li><a href="">
Šmarje <small>(2)</small></a></li>
</ul>
</div>  

然后我像这样使用快速搜索：

$(".navigationHolder").quicksearch("ul li");

这就像魅力一样，除了当然 h3 元素总是留在那里，我明白了：

Answer 1

#### onAfter Function to call after trigger is called

使用该选项，您应该能够实现您的目标。功能应该是这样的。

function(){
  $('h3').each(function(){
    var $this = $(this);
    //selecting all visible li elements associated to the title
    var $li = $this.next('.submenu').find('li:visible');

    //hiding or showing h3
    if($li.length>0)
       $this.show();
    else
       $this.hide();
  });
}

div class='nav-column'如果每个字母有一个 div， 您可能可以使用.