jquery - 仅显示前6个子级(JQuery)

我有这个样本：

https://jsfiddle.net/trud4930/1/

这是代码HTML：

<div class="parent">
<div class="parent2">
    <div class="child1"></div>
    <div class="child1"></div>
    <div class="child1"></div>
    <div class="child1"></div>
    <div class="child1"></div>
    <div class="child1"></div>
    <div class="child1"></div>
    <div class="child1"></div>
    <div class="child1"></div>

</div>

这是代码CSS：

    .child1
{
    width:50px;
    height:50px;
    background:blue;
    margin-top:10px;
}

.none{display:none;}

这是代码JQuery：

jQuery(document).ready(function($) {

$(document).ready(function(){
    $( "parent2:lt(6)" ).css( "background:red" );
    var max=0;
    if(max<=6)
    {
        //   display:normal
    }else
    {
        //addClass .NONE
    }


    });

});

我希望只显示前6个孩子，并更改background-color

我怎么解决这个问题？

提前致谢！

最佳答案

display only the first 6 children and change the background-color

您需要使用：

 $(".parent2 div").hide();
 $(".parent2 div:lt(6)").css("background","red").show();

Working Demo