有多个wrap-content
s与多个wrap-inner
s里面。现在,我想只显示每wrap-content
隐藏所有的孩子,但每个元素的第一组
第一wrap-inner
我已经试过像这样:(https://jsfiddle.net/s88jn0yo/)
$('.wrap-content .wrap-inner').slice(1).hide()
和(https://jsfiddle.net/s88jn0yo/1/)
$('.wrap-content'.each(function(){
$(this).chilren('.wrap-inner').slice(1).hide()
});
两个不工作。所需的输出应该是:
111111
aaaaaaa
这是HTML
<div class="wrap-content">
<div class="wrap-inner">
111111
</div>
<div class="wrap-inner">
222222
</div>
<div class="wrap-inner">
3333333
</div>
</div>
<div class="wrap-content">
<div class="wrap-inner">
aaaaaaa
</div>
<div class="wrap-inner">
bbbbbbb
</div>
<div class="wrap-inner">
ccccccc
</div>
</div>
运行它对于不支持'浏览器使用相同的选择:not'你可以做'.wrap,内{display:none; } .wrap-inner:first-child {display:block; }' –
哇。 ':not()'比我想的要好得多。一定会变老。 –