Javascript 实时搜索jquery(在li标题中搜索)
我尝试用输入字段搜索项目列表Javascript 实时搜索jquery(在li标题中搜索),javascript,jquery,Javascript,Jquery,我尝试用输入字段搜索项目列表 <ul class="display"> <li title="Pizza Otto">some divs</li> <li title="Pizza Prono">some divs</li> <li title="Pizza David">some divs</li> </ul> 您对这里的右选择器有什么想法:.search('.display li'?或者在
<ul class="display">
<li title="Pizza Otto">some divs</li>
<li title="Pizza Prono">some divs</li>
<li title="Pizza David">some divs</li>
</ul>
您对这里的右选择器有什么想法:.search('.display li'
?或者在哪里进行更改
谢谢,对不起,我的英语
附言是我的第一个问题
更新:用于测试是否包含val的函数
function query(selector) {
if (val = this.val()) {
return $(selector + ':contains("' + val + '")');;
} else {
return false;
}
}
我不熟悉搜索方法…但是
var result=$('.display li["title='+$('input[name="q"]').val()+'"]');
将选择您要查找的li
我认为@robin pyon考虑的是:contains()选择器,.contains()方法实际上是在另一个dom元素中搜索dom元素,如果要搜索的文本包含在LI中,则可以使用此方法选择ui:
var result=$('.display li:contains("'+$('input[name="q"]').val()+'")');
如果只想突出显示与输入值匹配的列表项,还可以尝试使用
.contains()
(如果需要部分匹配),否则可以使用Trey提到的属性包含选择器
这两者的一个示例,包括不区分大小写的
.contains()
可以找到。那么您想搜索标题并选择与输入值匹配的标题吗?是的。标题保存在var result=$('.display li:contains("'+$('input[name="q"]').val()+'")');