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> 

我tryed：

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

所以我需要的孩子＃3和孩子＃6有保證金右：0像素。

但它總是指的.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()。