javascript - 如何根据子名称隐藏父 div？

Question

我有一个包含许多 div 的页面。主 div 包含 3 个子 div。我放了一个搜索框，我想根据我输入的内容显示主要的 div 并隐藏其他的。

我查看了互联网，到目前为止我设法做到了:https://jsfiddle.net/qaho8hjt/6/

$('.my-textbox').keyup(function() {
    var value = $(this).val();
    var exp = new RegExp('^' + value, 'i');        

    $('.change_req .orizontala').each(function() {
        var isMatch = exp.test($('.projectName', this).text());
        $(this).toggle(isMatch);
    });
});

问题是我不知道如何隐藏父 div。我只能隐藏我搜索的 div。

谢谢。

编辑:谢谢大家的回复。

Answer 1

代码几乎没问题，只是您将包含内容的 div 隐藏在您应该隐藏其直接父级 demo 的位置。

替换

$(this).toggle(isMatch);

与

$(this).parent().toggle(isMatch);