使用jquery選擇隔行2錶行

Question

我目前使用此代碼將一個類添加到我表中的每一行。

$(".stripeMe tr:even").addClass("alt"); 

然而，在另一個表我想添加一個類行3,4，7,8，11,12等等...

這可能嗎？

Answer 1

你需要做的是這樣的：

$(".stripeMe tr:nth-child(4n)").add(".stripeMe tr:nth-child(4n-1)").addClass("alt");​​​​​​​​ 
//or... 
$("tr:nth-child(4n), tr:nth-child(4n-1)", ".stripeMe").addClass("alt");​​​​​​​​​​​​​​​​​ 

You can see this working here。

使用此：

$(".stripeMe tr:nth-child(4n), .stripeMe tr:nth-child(4n-1)").addClass("alt");​​​​​​​​ 

gets different results（即WebKit中，可能還有其他人）。

Answer 2

隨着`：第n-child'選擇：http://api.jquery.com/nth-child-selector/

$(".stripeMe tr:nth-child(4n), .stripeMe tr:nth-child(4n-1)").addClass("alt"); 

Answer 3

可以使用filter功能來過濾設定你喜歡的任何方式：

$(".stripeMe tr") 
.filter(function(i){ return (i % 4) >= 2; }) 
.addClass("alt"); 

這將保持與指數2，3，6，7，10，11等的項目。請注意，該索引是基於零的，因此第三行爲索引二。

Answer 4

我使用for循環和.eq（）方法爲此問題做了一個不同的方法。

var a = 2; // start from 2 because eq() counts from 0 
var b = 3; // start from 3 because eq() counts from 0 
var total = $('.stripeMe td').length; 

for (i = 0; i <= total; i++){ 
    if (i == a){ 
     $('.stripeMe tr:eq('+a+')').css('background', 'red'); 
     a+=4; 
    } 
    else if (i == b){ 
     $('.stripeMe tr:eq('+b+')').css('background', 'blue'); 
     b+=4; 
    } 
};