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

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 才能获得保证金权利：0px。

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

有什么想法解决它的简单方法吗？

Answer 1

我建议：

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

JS Fiddle proof-of-concept（使用color更容易看到）。

参考文献：

• filter()。