隱藏或過濾div取決於使用jquery的文本框的值

Question

我有一個帶有ID server_name的文本框。我想使用這個值來隱藏包含它的類server_wrapper的div。

當#server_name中的字符串不在其ID中時，我目前爲止已成功隱藏了div的類別server_wrapper。

我現在需要的是功能，以便當您從#server_name刪除字母時，它會顯示隱藏的div。

$('#server_name').keyup(function() { 
     if ($(this).val() == "") { 
      $('.server_wrapper').show(); 
     } else { 
      $('.server_wrapper').filter('div:not([id*=' + $(this).val() + '])').hide(); 
     } 
    }); 

Answer 1

你需要檢查哪個鍵按下，如果它是退格鍵（或刪除），則顯示的項目：

$('#server_name').keyup(function(e) { 
     if ($(this).val() == "" || e.keyCode === 8 || e.keyCode === 46) { 
      $('.server_wrapper').show(); 
     } else { 
      $('.server_wrapper').filter('div:not([id*=' + $(this).val() + '])').hide(); 
     } 
    }); 

Answer 2

$('#server_name').keyup(function(e) { 
      $('.server_wrapper').show().filter('div:not([id*=' + $(this).val() + '])').hide(); 
    });