Question

我正在使用以下菜单结构的网站上工作：

<ul class="menu">
<li><a href="#">Home</a>
    <ul class="submenu">
        <li><a href="#">Home</a></li>
    </ul>
</li>

<li><a href="#">About Us</a>
    <ul class="submenu">
        <li><a href="#">Mission Statement</a></li>
    </ul>
</li>
</ul>

我如何隐藏第一个子菜单？

Answer 1

尝试css：first-child

.menu li:first-child ul {
    display:none;
}

Answer 2

jQuery

$('.submenu').first().hide()

对于那个对这个答案赞不绝口的人：你自己试过吗？ DEMO

Answer 3

您可以使用.first()过滤掉匹配集中的第一个元素

jQuery(function($){
    $('.menu').find('.submenu').first().hide()
})

演示：Fiddle

Answer 4

您可以使用jQuery这样简单地完成它：

$('ul.submenu').first().hide();

具体做法是：

$('ul.menu ul.submenu').first().hide();

Answer 5

您还可以使用css :first-child：

.menu li:first-child .submenu {
   display:none;
}

这是一个小提琴：http://jsfiddle.net/KTNe8/1/

隐藏第一个子菜单

5 个答案: