0

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

<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>

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

4

5 回答 5

3

尝试 css :first-child

.menu li:first-child ul {
    display:none;
}
于 2013-08-21T03:00:55.423 回答
2

jQuery

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

对于否决这个答案的人：您自己尝试过吗？演示

于 2013-08-21T03:00:08.270 回答
1

您可以像这样使用 jQuery 简单地做到这一点：

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

具体来说：

$('ul.menu ul.submenu').first().hide();
于 2013-08-21T03:00:43.173 回答
1

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

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

演示：小提琴

于 2013-08-21T02:55:59.053 回答
0

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

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

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

于 2013-08-21T02:57:54.870 回答