Обновление JQuery для работы с каждой кнопкой ввода

Question

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

<input type="button" id="copy_button" data-clipboard-text="Copy Me!" Value="Click ME"> 


<script src="js/ZeroClipboard.js"></script> 
<script> 
var clip = new ZeroClipboard(document.getElementById("copy_button"), { 
    moviePath: "js/ZeroClipboard.swf" 
}); 

clip.on('complete', function(client, args) { 
var $message = $('<div class="message">DONE</div>').hide(); 
var $messageCont = $('<div class="message_cont" />').append($message).prependTo('body'); 
$messageCont.css({ 
    "left" : $(this).offset().left, 
    "top" : $(this).offset().top 
}).find("div.message").fadeIn(200).delay(1500).fadeOut(function() { 
     }); 
    }); 
</script> 

Однако мне идеально хотелось бы, чтобы он работал с несколькими кнопками ввода и копировал значение, соответствующее правильной кнопке.

Что нужно сделать, чтобы сделать эту работу? На последней странице могут быть более 50 кнопок, поэтому я надеюсь, что мне не нужно указывать каждую кнопку отдельно.

Большое спасибо

Answer 1

дают класс для всех ваших кнопок и класса вызова seletor

var clip = new ZeroClipboard($(".cpbutton"), {.. 

или

получить все кнопки вход Тип

var clip = new ZeroClipboard($("input[type='button']"), {