javascript - 如何限制 div jquery 或 javascript 的子元素数量？

Question

如何限制 div jquery 或 javascript 或其他方法的子级的显示数量(例如:6)？

<div class="parent">
<!--START-->
<div class="child">Text</div>
<div class="child">Text</div>
<div class="child">Text</div>
<div class="child">Text</div>
<div class="child">Text</div>
<div class="child">Text</div>
<!--END-->
<div class="child">Text</div>
<div class="child">Text</div>
<div class="child">Text</div>
<div class="child">Text</div>
<div class="child">Text</div>
<div class="child">Text</div>
</div>

Answer 1

Working Fiddle

只需使用 slice 即可完成在你想要切断元素的地方，然后调用 jquery remove功能:

$('.parent .child').slice(0, 6).remove();