jquery - 第 N 个孩子和祖父母或第二级孩子

Question

这可能很简单，但无法弄清楚！

我有这样的代码：

<div class="grandparent">
    <div class="parent">
        <div class="child" id="1"></div>
        <div class="child" id="2"></div>
        <div class="child" id="3"></div>
        <div class="child" id="4"></div>
    </div> 
    <div class="parent">
        <div class="child" id="5"></div>
        <div class="child" id="6"></div>
    </div> 
</div>

我试过了：

$('.grandparent .child:nth-child(3n)').css("margin-right","0px");

所以我需要孩子#3和孩子#6有margin-right:0px。

但它总是将.parent称为 3n 孩子，而不是选定的类.grandparent，因此只有孩子 #3受到影响。

知道解决它的简单方法吗？

Answer 1

我建议：

$('.grandparent .child').filter(function(i){
    return (i+1)%3 === 0;
}).css('margin-right', '0px');

JS Fiddle 概念验证（color用于使其更易于查看）。

参考：

• filter().