利用jquery的contains实现搜索功能 

 1 / jquery实现的搜索功能
 2     $('#search_btn').on('click',function(){
 3         var txt=$('#inputValue').val();
 4         var value=$('.layui-colla-content');
 5         if($.trim(txt)!=""){
 6             $(".layui-colla-content").css('display','none').filter(":contains('"+txt+"')").show().css("color","red");
 7         }else{
 8             alert('111');
 9         }
10     })

 

 1 // jquery实现的搜索功能
 2     $('#btn').on('click',function(){
 3         var txt=$('#text').val();
 4         var value=$('.layui-colla-content');
 5            var des=value.text();//得到的是文本；
 6           if($.trim(txt)!=""){
 7                 $('.layui-colla-content').parent('.layui-colla-item').css('display','none').filter(":contains('"+txt+"')").show().css("display","block").addClass('layui-show');
 8           }else{
 9               alert('333');
10           }
11     })

 

posted @ 2018-05-16 13:22  前端极客  阅读(448)  评论(0)    收藏  举报