改变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/快速小提琴。