如何通过所有子元素找到特定的类，如果可用，然后隐藏该子元素？

Question

我有一个场景，我必须浏览所有子元素并检查是否有特定的类可用。如果它可用，则隐藏该特定元素。这是我的HTML代码：

<div id="toolbar">
    <ul class="nav navbar-nav">
        <li class="topnav"></li>
        <li class="topnav"></li>
        <li class="topnav"></li>        
        <li class="topnav all"></li>
    </ul>   
</div>

现在，我可以使用以下代码检查是否有任何子元素具有类all：

$('#toolbar ul').find('li').hasClass('all')

我得到了true。现在，我想隐藏具有all类的特定元素。我试过这段代码：

if($('#toolbar ul').find('li').hasClass('all')) $(this).hide();

但是，没有取得成功。所以，请在这里指导我，了解如何做到这一点。感谢。

Answer 1

您与以下代码非常接近 $('#toolbar ul').find('li').hasClass('all')

只需将这一行改为此行即可 $('#toolbar ul').find('.all').hide()

这会隐藏ul内的所有后代，其类名为.all

  

.find（）：获取当前匹配元素集中每个元素的后代，由选择器，jQuery对象或元素过滤。