jquery - 不要对每个类(class)家长隐藏第一个 child

Question

这里有我的 html 和 jQuery 代码

<div class="tabbed">
    <h2>Title</h2>
    <div class="tabs"></div> <!-- want to show then hide rest -->
    <h2>Title</h2>
    <div class="tabs"></div>
    <h2>Title</h2>
    <div class="tabs"></div>
</div>
<div class="tabbed">
    <h2>Title</h2>
    <div class="tabs"></div> <!-- want to show then hide rest -->
    <h2>Title</h2>
    <div class="tabs"></div>
    <h2>Title</h2>
    <div class="tabs"></div>
    <h2>Title</h2>
    <div class="tabs"></div>
</div>
<div class="tabbed">
    <h2>Title</h2>
    <div class="tabs"></div> <!-- want to show then hide rest -->
    <h2>Title</h2>
    <div class="tabs"></div>
    <h2>Title</h2>
    <div class="tabs"></div>
    <h2>Title</h2> 
    <div class="tabs"></div>
</div>

jQuery

$(".tabbed > .tabs:not(:first)").hide();

Answer 1

更新答案以匹配您的新问题代码:

$(".tabbed").find('.tabs:not(:first)').hide();

Fiddle

---

上面的代码可能看起来不“正确”，因为人们会认为 :first 只会返回 1 个元素，但它与这种更冗长且更耗 CPU 的形式具有相同的效果:

$(".tabbed").each(function() {
    $(this).find('.tabs:not(:first)').hide();
});

Fiddle

我假设 .find()方法在为匹配元素集中的每个元素执行选择器之前在内部进行迭代，因此后一个代码片段是不必要的。但是，如果您在将来升级或降级 jQuery 时遇到问题，您可以使用更详细和更可靠的形式。