實時搜索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()+'")');