javascript - 如何显示特定数量的子div？

Question

我不确定这是否可能......如果你有外遇。

<div id="parent">
    <div id="child1"></div>
    <div id="child2"></div>
    <div id="child3"></div>
    <div id="child4"></div>
    <div id="child5"></div>
    <div id="child6"></div>
</div>

你怎么能用jquery或javascript(或任何与此相关的东西)只显示前两个？

Answer 1

您可以使用:gt() jQuery selector .

$("#parent>div:gt(1)").hide()

实际上，如果你想增量显示，最好先隐藏所有内容，然后使用 :lt() jQuery selector显示。

$("#parent>div").hide();

var n = 2;
$("#parent>div:lt(" + n + ")").show();

el.click(function () {
    n += 5;
    $("#parent>div:lt(" + n + ")").show();
});