jQuery 隐藏每个 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/

使用this：

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

它选择 list 类的每个 div 元素，并隐藏所有不是第一个元素的

元素。