javascript - Jquery - 在 中搜索

Question

嘿伙计们，我正在尝试搜索 <ul>

基本上在我写的时候它需要隐藏/显示 <li>对应的元素。

HTML

<input id="searchUtil" type="search" placeholder="Pesquisa..."/>

<ul id="ulutilizadores" class="list-group">
   <li>**some code*</li>
</ul>

截至目前，我有这个:

//#searchUtil is the <input> id
$('#searchUtil').on('keyup', function (e) {
    var searchText = $(this).val();


//#ulutilizadores is the <ul> id
    $('#ulutilizadores li').each(function () {
        var text = $(this).val();
        if (text.indexOf(searchText)) {
            $(this).hide();
        } else {
            $(this).show();
        }
    });
});

这是行不通的。我一直在寻找，但我并没有真正找到一些好的答案。有人能指出我正确的方向吗？

Answer 1

你的代码有一个小错误

var text = $(this).val();

应该是

var text = $(this).text();

在你的情况下。

The .val() method is primarily used to get the values of form elements such as input, select and textarea. jQuery manual