如何添加類，使用jQuery，除了每四分之一的每個元素？

Question

我有一個網站，我要將元素作爲瓷磚排成4行。我想添加到每個元素margin-left: 13px，除了每行中的每個第一個元素。任何人都可以請我指出如何使用jQuery完成這項工作？

Answer 1

您可以使用:not和:nth-child()選擇器。例如：

$('div:not(:nth-child(4n))').css('margin-left', '13px'); 

演示：http://jsfiddle.net/HsbUv/1/

Answer 2

喜歡的東西：

$('element:not(:nth-child(4n))') 

演示：http://jsfiddle.net/G84B8/

Answer 3

工作例如：http://jsfiddle.net/ZVd6Y/

假設包裝行有一類row ...

和給定HTML ：

<div class="row"> 
    <p class="first">first row</p> 
    <p>second row</p> 
    <p>third row</p> 
</div> 

<div class="row"> 
    <p class="first">first row</p> 
    <p>second row</p> 
    <p>third row</p> 
</div> 

您可能需要使用：

$(document).ready(function(){ 
    $('.row').children("p:not(.first)").addClass("extra-margin"); 
}); 

用下面CSS：

.extra-margin{ 
    margin-left: 13px; 
} 

Answer 4

試試這個：

var count = 0; 
    $('.classname').each(function(){ 
     count++; 
     if(count !== 4){ 
      $(this).css("margin-left", "13px"); 
     } else { 
      count = 0; 
     } 
    });