Question

Is there a way in jquery to select all td columns greater than say 4? I have a table with 16 columns and I initially only want the first 4 shown.

I know I can use:

$('tr td:nth-child(5)').hide(); 

to hide them one at a time of put a class on all of them but it would be nice if there was a simpler jquery way to do it.

Answer 1

    $('tr').each(
        function(){
           $(this).find('td:gt(3)').hide();
        });

Demo at: http://jsfiddle.net/davidThomas/7SDpr/.