Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/rest/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 实时搜索jquery(在li标题中搜索)_Javascript_Jquery - Fatal编程技术网

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()
可以找到。

那么您想搜索标题并选择与输入值匹配的标题吗?是的。标题保存在
  • 标记中,只显示与感谢您的建议相匹配的
  • 。它的工作原理与我想要的一样。@robin pyon告诉我我可以使用.contains()还要显示包含我搜索内容的li…代码将如何更改以实现此目的?非常感谢!例如不区分大小写的扩展:)+1
    var result=$('.display li:contains("'+$('input[name="q"]').val()+'")');