jquery - 使用 jQuery 在每次输入按键时搜索列表项

Question

我正在尝试创建隐藏所有 <li> 的搜索功能其中 HTML 不等于 <input>值(value)。

我怎样才能用 jQuery 完成它？

$('input').keypress(function(){
    if($('ul li').html != $('input').val()) {
        $(this).hide();
    }
});

Answer 1

你需要更多这样的东西:

$('input').keypress(function() {
    var inputValue = $("input").val().toLowerCase();
    $("li").each(function() {
         if($(this).html().toLowerCase().indexOf(inputValue) == -1)
         {
              $(this).hide();
         }
         else
         {
              $(this).show();
         }
    });
});