实时搜索jQuery（搜索li标题）

Question

我尝试在输入字段中搜索项目列表，

<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>

下面的代码对于<li>...</li>中的单词很好用，我想在其中放置一些div，并在<li>进行搜索的位置添加title属性。

$('input[name="q"]').search('.display li', function(on) {
    on.all(function(results) {
        var size = results ? results.size() : 0
        $('#count').text(size + ' results');
});

在这里找到合适的选择器的任何想法： .search('.display li' ？还是我必须在哪里进行更改？

感谢和抱歉，我的英语...

PS是我的第一个问题！

UPDATE：函数测试是否包含val

 function query(selector) {
    if (val = this.val()) {
      return $(selector + ':contains("' + val + '")');;
    } else {
      return false;
    }
  }

Answer 1

如果只想突出显示与输入值匹配的列表项，则还可以尝试使用.contains() （如果要部分匹配），否则可以使用Trey提到的包含选择器的属性。

两者的一个示例，包括不区分大小写的.contains()可以在这里找到。

Answer 2

我对搜索方法不熟悉...但是

var result=$('.display li["title='+$('input[name="q"]').val()+'"]');

会选择您要查找的锂

我认为@ robin-pyon在考虑：contains（）选择器，.contains（）方法实际上是在另一个dom元素内搜索一个dom元素，如果要搜索的文本包含在LI中，则可以使用此方法选择用户界面：

var result=$('.display li:contains("'+$('input[name="q"]').val()+'")');