隱藏第一子

我工作的網站具有以下菜單結構：隱藏第一子

<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

回答

相關問題