jQuery隐藏除了First之外的每个Div的所有孩子

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>

我试图只使用jQuery显示每个div的第一个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();
});

它选择具有类div的每个list元素，并隐藏所有不属于第一个元素的<ul>元素。