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

Question

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

当 #server_name 中的字符串不在其 ID 中时，我目前在下面的内容成功地隐藏了类 server_wrapper 的 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();
        }
    });