Jquery 将css动态添加到第4到第6行

我需要帮助将动态css值anim部分添加到第4到第6行，如下所示

<div class="col-xs-12 col-sm-4 zoom">1</div>
<div class="col-xs-12 col-sm-4 zoom">2</div>
<div class="col-xs-12 col-sm-4 zoom">3</div>
<div class="col-xs-12 col-sm-4 anim-section zoom">4</div>
<div class="col-xs-12 col-sm-4 anim-section zoom">5</div>
<div class="col-xs-12 col-sm-4 anim-section zoom">6</div>

1
2.
3.
4.
5.
6.

我试过了，但什么也没发生——我迷路了

<script type="text/javascript">
    jQuery(document).ready(function () {
        jQuery('.col-xs-12.col-sm-4.zoom div:nth-child(n+3)').addClass('anim-section');
    });
    </script>

jQuery（文档）.ready（函数（）{
jQuery（'.col-xs-12.col-sm-4.zoom div:nth child（n+3'））.addClass（'anim-section'）；
});

试试jquery：

jQuery（文档）.ready（函数（）{
jQuery（'.col-xs-12'）.slice（-3）.addClass（'anim-section'）；//或.slice（3,6）
});

1st:

jQuery（'.col-xs-12.col-sm-4.zoom div:n子项（n+3）

选择器中的空格错误，您应该了解。。空间意味着找到有..的孩子。。因此，您必须使用

jQuery（'.col-xs-12.col-sm-4.zoom:nth child（n+4）

）

你可以用

jQuery(document).ready(function () {
        jQuery('.col-xs-12.col-sm-4.zoom:nth-child(n+4)').addClass('anim-section');
    });

---

@Lal之所以会这样，是因为他已经在html元素中添加了类。。所以js是无用的uff..ooopss..我没注意到..谢谢@Mohamed-Yousef@Lal信不信由你。。我在你之前试过，问我自己同样的问题是他的代码是有效的，直到我得到那一点。。但是请保守秘密：I’我肯定这是个秘密@穆罕默德-Yousef@Mohamed-Yousef是的，观点很好。。当然这是个秘密。。

jQuery(document).ready(function () {
        jQuery('.col-xs-12.col-sm-4.zoom:nth-child(n+4)').addClass('anim-section');
    });