Question

我有一个网站，我将把元素作为瓷砖连续放置4个。我想添加每个元素margin-left: 13px，除了每一行中的每个第一个元素。请问有谁可以指出如何使用jQuery完成这项工作？

Answer 1

类似的东西：

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

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

Answer 2

工作示例：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 3

试试这个：

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

Answer 4

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

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

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

如何使用jQuery将类添加到除第四个之外的每个元素？

4 个答案: