Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/459.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Jquery-在<;ul>;_Javascript_Jquery - Fatal编程技术网

Javascript Jquery-在<;ul>;

Javascript Jquery-在<;ul>;,javascript,jquery,Javascript,Jquery,嘿,伙计们,我正在搜索一个 基本上,在我编写时,它需要隐藏/显示相应的元素 HTML <input id="searchUtil" type="search" placeholder="Pesquisa..."/> <ul id="ulutilizadores" class="list-group"> <li>**some code*</li> </ul> **一些代码* 到目前为止,我有: //#searchUtil

嘿,伙计们,我正在搜索一个

基本上,在我编写时,它需要隐藏/显示相应的
  • 元素

    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();
            }
        });
    });
    
    /#searchUtil是id
    $('searchUtil')。关于('keyup',函数(e){
    var searchText=$(this.val();
    //#ulutilizadores是
      id $('#ulutilizadores li')。每个(函数(){ var text=$(this.val(); if(text.indexOf(searchText)){ $(this.hide(); }否则{ $(this.show(); } }); });
    这不管用。
    我一直在寻找,但没有找到好的答案。有人能给我指出正确的方向吗

    您的代码中有一个小错误

    var text = $(this).val();
    
    应该是

    var text = $(this).text();
    
    就你而言

    jQuery手册


    试试这个。在这里,您可以搜索完全相同的文本。更改为searchText.Contains(this.innerHTML)或类似的内容,以获取文本在列表中的位置

    HTML:

    <ul id="ulutilizadores" class="list-group">
       <li>test</li>
       <li>test1</li>
    </ul>
    


    你能发布html吗,JSFIDLE会更好。什么是#searchUtil什么是#ulutilizadores。。没有HTML很难帮助用户界面添加它们。哦,我知道:
    var text=$(this.text()
    .val()
    用于输入非常欢迎您
    $('#searchUtil').change(function(){
        var searchText = $(this).val();
         $('#ulutilizadores li').each(function () {
            if(searchText !== this.innerHTML )
            {
                $(this).hide();
            }
             else
             {
                 $(this).show();
             }
        });
    });