Jquery第4个孩子选择第2个孩子

Question

我的页面中有四个div

 <div class="blue"></div>
 <div class="blue"></div>
 <div class="blue"></div>
 <div class="blue"></div>

并尝试突出显示第4项以添加课程并变为黄色。问题我面临的是它继续选择第二个div而不是第四个

这是我的jquery

    <script>
    $(document).ready(function(){
        $(".blue:nth-child(4n+4)").addClass('yellow');;
    });
    </script>

我不是JQuery的专家但是我确定选择4n应该完成这项工作并且4n + 4应该使第4个div为黄色然后是第8个然后是第12个

提前谢谢大家

Answer 1

试试这个：

  $(".blue:eq(3)").addClass('yellow');

<强> Demo 1

或

  $(".blue:nth-child(4)").addClass('yellow');

<强> Demo 2

Answer 2

$(".blue:nth-child(4n+4)").addClass('yellow'); is incorrect !

如果要选择第4个孩子，则应使用nth-child（4）

所以使用，

 $(".blue:nth-child(4)").addClass('yellow');

这应该做！