隐藏第一子

我工作的网站具有以下菜单结构：隐藏第一子

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

我怎么会去隐藏第一子？

来源

2013-08-21 BigJobbies

您可以使用.first()过滤掉第一个元素，从设置在匹配

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

演示：Fiddle

来源

2013-08-21 02:55:59

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

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

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

来源

2013-08-21 02:57:54

你的CSS隐藏所有子菜单 –

@ LionLiu Ooops :)，你说得对，需要醒来......固定。 –

jQuery

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

给谁低估了这个答案：你自己试过了吗？ DEMO

来源

2013-08-21 03:00:08

我试过了，当然它的工作原理，我不知道他们为什么downvoted，+ 1 –

你可以简单地做它使用jQuery这样的：

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

具体做法是：

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

来源

2013-08-21 03:00:43

这将隐藏所有元素类submenu'。 OP希望只隐藏第一个。 –

对不起，我忘了第一个 –

尝试CSS：第一胎

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

来源

2013-08-21 03:00:55

回答

相关问题