jQuery的隱藏每個事業部的所有孩子除了首先

Question

我有這樣的佈局：

<div class="list"> 
    <ul></ul> 
    <ul></ul> 
</div> 
<div class="list"> 
    <ul></ul> 
    <ul></ul> 
    <ul></ul> 
    <ul></ul> 
</div> 
<div class="list"> 
    <ul></ul> 
    <ul></ul> 
</div> 

我想只顯示每一個DIV使用jQuery的第一個UL認證。我知道這是可能的，但在使用$('div.list ul:gt(1)').each(function(){$(this).hide()});時，它顯示了第一個div的內容並隱藏了其他所有內容。

Answer 1

小提琴：http://jsfiddle.net/y9bEG/3/

使用此：

$("div.list").each(function(){ 
    $("ul:not(:first)", this).hide(); 
}); 

它選擇與list類中的每個div元件，並隱藏所有<ul>元件，其不是第一個元素。