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 my script. This is only a test to see if I can get the index of the buttons. There are no errors appearing.

$('button').each(function(index){
    alert(index);
});

Additional Info:

My whole script is this

$(function(){
   $('div#here').load('test.php'); // This is where all the buttons will come from
   $('button').each(function(index){
       alert(index);
   });
});

Answer 1

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 2

Try this:

Slice() gives better performance

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

Answer 3

Use one of these:

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