Более короткая функция jQuery onclick

Question

Я создал простой редактор рисунков с HTML и jQuery. Но у меня есть в 100 раз один и тот же код:

$(document).ready(function(){ 
    $('#1').click(function(){ 
     $(this).toggleClass("black"); 
    }); 
}); 

И HTML:

<table> 
    <tr> 
     <td><button id="1" class="hidden">_</button></td> 
    </tr> 
</table> 

И CSS:

.hidden { 
     color: white; 
} 
.black { 
     background-color: #000; 
     color: #000; 
} 

Эта работа для меня, но я сделал это в 100 раз и спрашивать как я могу сделать это короче?

Answer 1

http://jsfiddle.net/Ld6nqk1w/

$(document).ready(function(){ 
    $('.hidden').click(function(){ 
     $(this).toggleClass("black"); 
    }); 
}); 

Answer 2

Вы можете добавить еще один класс для каждой кнопки, как это:

<button id="1" class="hidden toggleBtn">_</button> 

Тогда ваш Jquery будет:

$('.toggleBtn').click(function(){ 
    $(this).toggleClass("black"); 
}); 

И что будет делать все кнопки с этим классом переключаемой.