changing the css to certain classes

Question

Okay so I have a bunch of tables in my website they all have the same class which is 'item -' and what ever number the table is here is how I did that:

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

Now what im trying to do is make it so if the class is anything higher than 'item-8' to make the visibility hidden i tried something like this but it doesn't work. am I in the right track or completely off?

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

Joseph Silber · Accepted Answer · 2013-09-01 19:20:56Z

1

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

edited Sep 1, 2013 at 19:20

answered Sep 1, 2013 at 19:13

Joseph Silber

221k59 gold badges369 silver badges292 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Joseph Silber Over a year ago

@RodrigoLessa - There was a typo in my code (visibility is spelled with one l). I updated it.

Rodrigo Lessa Over a year ago

They all worked but i chose this answer because you did both my functions in one

j08691 · Accepted Answer · 2013-09-01 19:21:19Z

0

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

Quick jsFiddle example using divs.

answered Sep 1, 2013 at 19:21

j08691

208k33 gold badges269 silver badges281 bronze badges

2 Comments

Joseph Silber Over a year ago

There's no guarantee the the item-* class name is the first one.

j08691 Over a year ago

@JosephSilber - correct, there isn't. But if there is just the one class it works fine.

Kerry Liu · Accepted Answer · 2013-09-01 19:52:19Z

0

Why not just use css for this? Give each item an "item" class. Provided you don't need IE8 support for this, this just becomes:

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

jQuery supports nth-child so you can also use that as a selector instead of filter. http://api.jquery.com/nth-child-selector/

See also: http://css-tricks.com/how-nth-child-works/ and http://jsfiddle.net/gwwar/nneQj/ for a quick fiddle.

answered Sep 1, 2013 at 19:52

Kerry Liu

2,17217 silver badges16 bronze badges

Collectives™ on Stack Overflow

changing the css to certain classes

3 Answers 3

2 Comments

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related