我如何限制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

你想要的是.slice方法。

＆＃13;

＆＃13;

var divs = $(".parent .child").slice(0, 6);

console.log(divs.length);

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<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>

＆＃13;

＆＃13;

＆＃13;

Answer 2

Working Fiddle

可以在想要切断元素的位置使用slice，然后调用jquery remove函数来完成：

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