改變CSS某些類

Question

好了，所以我有一堆在我的網站上的表，他們都具有相同的類，這是「項目 - 」和什麼都編號的表是這裏是我是怎麼做的：

$("table").each(function(index){ 
$(this).addClass('item-'+index); 
}); 

現在什麼即時要做的是使它所以如果類是什麼，不是「項目-8」更高，使可見性隱藏我想是這樣的，但它不工作。我是在正確的軌道還是完全關閉？

$('table').each(function(index){ 
     if($(this).hasClass('item-'index) > 8){ 
     $(this).css('visibility','hidden'); 
     } 
}); 

Answer 1

$("table").each(function(index) { 
    $(this).addClass('item-' + index); 
    if (index > 8) { 
     $(this).css('visibility', 'hidden'); 
    } 
}); 

Answer 2

$('div[class^=item-]').filter(function(e){ 
    return e >7; 
}).css('visibility','hidden'); 

快速jsFiddle example使用div的。

Answer 3

爲什麼不直接使用CSS呢？給每個項目一個「項目」類。假設你並不需要爲這個IE8的支持，這只是變成：

.item:nth-child(n+8) { 
    visibility:hidden; 
} 

jQuery的支持第n個孩子，所以你也可以使用它作爲一個選擇，而不是過濾器。 http://api.jquery.com/nth-child-selector/

另請參閱：http://css-tricks.com/how-nth-child-works/和http://jsfiddle.net/gwwar/nneQj/快速小提琴。