jquery - 将css更改为某些类

Question

好的，所以我的网站上有一堆表，它们都有相同的类，即“item -”，而这里的表编号是我如何做到的：

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

现在我想做的是让它，所以如果这个类高于'item-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

为什么不为此使用css？给每个项目一个“项目”类。如果您不需要 IE8 支持，这将变成：

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

jQuery 支持 nth-child，因此您也可以将其用作选择器而不是过滤器。http://api.jquery.com/nth-child-selector/

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

Answer 3

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

使用 div 的快速jsFiddle 示例。