通過循環添加不同的分類

我有一些li元素，我需要一個類到第1,4和7,2,5和8以及第3，第6和第9。通過循環添加不同的分類

可以這樣做嗎？

2012-10-16 aneeshraj

這應該這樣做...

var classes = ["first_group", "second_group", "third_group"]; 

$("li").addClass(function(i) { 
    return classes[i % 3]; 
});

2012-10-16 11:14:33 alex

TNX艾力克斯：。如果你不介意，你能否解釋這一行'return classes [i％3];' – aneeshraj

@aneeshraj模數運算符。它返回一個分區的其餘部分。通過將每個索引除以3得到餘數，我們將得到一個介於'0'和'2'之間的數字，這與我們數組的索引一致。 – alex

您可以使用:nth-child()選擇：

$("li:nth-child(3n+1)").addClass("one"); 
$("li:nth-child(3n+2)").addClass("two"); 
$("li:nth-child(3n+3)").addClass("three");

2012-10-16 11:14:41 VisioN

visioN .tnx ..但得到一個語法錯誤。你可以請檢查 – aneeshraj

@aneeshraj它應該工作正常。檢查你是否正確使用了代碼。 – VisioN

@VisioN：你的回答包含可怕的jsFiddle不可見字符。在最後的';'之後是正確的。 –

回答