javascript - jQuery - 如果所有子级都受到影响，则隐藏父级

Question

我正在输入上使用.keyup()为多个ul创建搜索函数。如果有匹配，则 .show() 为 li，对于其他匹配，则为 .hide()。

jQuery('.brandsearch').keyup(function(event) {
    var inputValue = jQuery(".brandsearch").val().toLowerCase();
    jQuery(".brands-group li").each(function(event) {
        if(jQuery(this).html().toLowerCase().indexOf(inputValue) == -1) {
            jQuery(this).hide();
        } else {
            jQuery(this).show();
        }
    });
});

如果隐藏了其中的所有 li，如何爬上层次结构以隐藏整个 ul？

HTML 布局:

<input type="text" class="brandsearch">

<ul class="brands-group">
   <li>Adidas</li>
   <li>Nike</li>
</ul>

Answer 1

您可以添加以下内容:

if (jQuery('.brands-group li:visible').length == 0) {
   jQuery('.brands-group ul').hide();
}