使用jquery根据文本框的值隐藏或过滤div

Question

我有一个ID为server_name的文本框。我想使用此中的值来隐藏包含它的类server_wrapper的div。

当server_wrapper中的字符串不在其ID中时，我到目前为止成功隐藏了具有类#server_name的div。

我现在需要的是功能，以便当您从#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();
    });