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

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

使用div快速 jsFiddle example 。

Answer 3

为什么不直接使用css呢？给每个项目一个＆＃34;项目＆＃34;类。如果您不需要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/作为快速小提琴。

将css更改为某些类

3 个答案: