哪个jQuery插件可以搜索元素并在DIV中实时显示它们?
我正在搜索一个jQuery插件,它允许我:哪个jQuery插件可以搜索元素并在DIV中实时显示它们?,jquery,html,search,plugins,navigation,Jquery,Html,Search,Plugins,Navigation,我正在搜索一个jQuery插件,它允许我: 具有将用于用户搜索文本的输入 搜索my elements显示符合第一次输入的搜索字符串的所有元素。就像一个通过元素的搜索系统,但我需要在其他一些DIV中显示这些元素 我当前正在使用快速搜索() 它工作得很好,我只有一个问题: 我的导航是这样的: <div class="nav-column"> <h3>Š</h3> <ul class="submenu"> <li><a href=""&
<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>
这就像魅力一样,除了h3元素总是停留在那里,我明白了:
######在调用触发器后调用的函数
使用这个选项,你应该能够实现你的目标。函数应该是这样的
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,您可能可以使用div class='nav-column'
######在调用触发器之后调用的函数
使用这个选项,你应该能够实现你的目标。函数应该是这样的
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,您可能可以使用
div class='nav-column'
学习编码而不是使用插件有任何事件绑定到搜索功能吗?如果是的话,我想你只需要在事件被触发时根据显示的元素隐藏/显示任何h3元素。是的,使用该选项:####on在调用触发器后调用的函数
学会编码而不是使用插件有任何绑定到搜索函数的事件吗?如果是的话,我想你只需要在触发事件时根据显示的元素隐藏/显示任何h3元素。是的,使用该选项:#####onAfter函数在调用触发器后调用