jQuery实时搜索,显示每次出现的搜索输入

时间:2016-03-22 19:30:55

标签: jquery

我成功实现了基本搜索。这是代码。

$(document).ready(function() {
        $('#VetSearch').keyup(function(){
         var valThis = $(this).val().toLowerCase();
          $('#vetResults li').each(function(){
           var text = $(this).text().toLowerCase();
              (text.indexOf(valThis) == 0) ? $(this).show() : $(this).hide();            
         });
        });
      });

这是HTML:

<ol id="groomerResults">
<li style="display: list-item;">Some name, Zagreb</li>
<li style="display: list-item;">Some name, Zagreb</li>
<li style="display: list-item;">Some name, Zagreb</li>
<li style="display: list-item;">Some name, Zagreb</li>
</ol>

此列表是在代码中生成的......但这对我的问题并不重要。

我只能搜索第一个字符,但我希望能够搜索每个字。例如,如果我搜索&#34;萨格勒布&#34;它应该用Zagreb显示所有结果。

我该怎么做?

0 个答案:

没有答案