jquery input输入搜索关键字搜索不出来的现实

最新推荐文章于 2022-03-02 11:26:52 发布

weixin_33795743

最新推荐文章于 2022-03-02 11:26:52 发布

阅读量244

点赞数

文章标签： javascript python ViewUI

原文链接：https://my.oschina.net/parchments/blog/1595265

版权

2019独角兽企业重金招聘Python工程师标准>>>

$('.js-search-input').keyup(function(){
       for(var i = 0 ; i<= 2; i++){
           var txt =$(this).val();
           var items = $(this).parent().next();
           var itemsNext = items.find(".tab-header");
           var liItem = items.find(".tab-block").find("li");;
           var noData = $(".search-no-data");
           if($.trim(txt)!=""){
               var len = liItem.hide().filter(":contains('"+txt+"')").length;
                   itemsNext.show();
               if(len == 0){
                   noData.eq(i).show();
                   itemsNext.hide();
               }else {
                   noData.eq(i).hide();
                   liItem.hide().filter(":contains('"+txt+"')").show();
                   itemsNext.hide();
               }
           }else{
               noData.hide();
               liItem.show();
               itemsNext.show();
           }
       }
   }).keyup();

合并搜索

$('.js-search-input').focus(function(){
       $(this).css("background","#eef4f7");
   });
   $('.js-search-input').blur(function(){
       $(this).css("background","#fff");
   });
   $('.js-search-input').keyup(function(){
       var txt = $(this).val();
       var items = $(this).parent().next();
       var itemsNext = items.find(".tab-header");
       var blockItem = items.find(".tab-block");
       var liItem = blockItem.find("li");
       var noData = $(".search-no-data");
       var iconCloseDefault = $(this).next();
       for(var i = 0 ; i<= 2; i++){
           if($.trim(txt)!=""){
               blockItem.addClass("active");
               var len = liItem.hide().filter(":contains('"+txt+"')").length;
               itemsNext.show();
               iconCloseDefault.slideDown(500);
               $(this).next().click(function(){
                   itemsNext.show();
                   $(this).slideDown(500);
                   $('.js-search-input').val("");
                   blockItem.removeClass("active");
                   blockItem.eq(0).addClass("active");
                   blockItem.find("li").show();
                   noData.hide();
               });
               if(len == 0){
                   blockItem.removeClass("active");
                   blockItem.eq(0).addClass("active");
                   noData.eq(i).show();
                   itemsNext.hide();
                   iconCloseDefault.slideDown(500);
               }else {
                   blockItem.addClass("active");
                   noData.eq(i).hide();
                   liItem.hide().filter(":contains('"+txt+"')").show();
                   itemsNext.hide();
               }
           }else{
               iconCloseDefault.hide();
               blockItem.removeClass("active");
               blockItem.eq(0).addClass("active");
               noData.hide();
               liItem.show();
               itemsNext.show();
           }
       }
   }).keyup();