jQuery - hide all elements except first one

Question

Let\'s say I have 10 buttons. I want to hide all the buttons except the first one.

Im trying to accomplish it using each() in jQuery but its not working.

Here\'s

Answer 1

Use one of these:

$('button:not(:first)').hide();
$('button:gt(0)').hide();

Answer 2

Same as ThiefMaster but don't forget that you need to wait for buttons to be load.

You need to use the callback of load :

$(function(){
$('div#here').load('test.php', function(){
   $('button:not(:first)').hide();
}); // This is where all the buttons will come from

});

Doc : http://api.jquery.com/load/

Answer 3

Try this:

Slice() gives better performance

$('button').slice(1).hide();