前端进行列表筛选

时间:2021-12-22 19:36:02

如果下方列表包含手动输入的字符串则显示,不包含则隐藏

 

$('#输入框id').bind('input onchange', function() { 
        var insertVal = $(this).val();//手动输入的字符串;  
        $("#列表id li").each(function(){
        var paraStr = $(this).children().html();
        if(paraStr.indexOf(insertVal)<0){//不包含
        $(this).hide();
        }else{//包含
        $(this).show();
        }
         })  
    });