將JavaScript函數轉換爲jQuery

Question

如何將此javascript選擇轉換爲jQuery？我需要選擇一個按鈕類而不是一個ID，並且我理解最簡單的方法是jQuery。

var playButton1 = document.getElementById("playButton1"); 

playButton1.onclick = function() { 
    var ta = document.getElementById("playButton1"); 

    document['player'].receiveText1(ta.value); 

    ta.value = "" 
}; 

Answer 1

嘗試以下。你沒有指定新的類名，所以我認爲它是「playButton」。

$(document).ready(function() { 
    $('.playButton').click(function() { 
    document['player'].receiveText1(this.value); 
    this.value = ""; 
    }); 
}); 

Answer 2

var playButton1 = $("playButton1"); 

playButton1.click(function() { 
    var ta = $("playButton1"); 
    document['player'].receiveText1(ta.val()); 
    ta.val(""); 
}); 

Answer 3

var playButton1 = $("#playButton1"); 

playButton1.onclick = function() { 
    var ta = playButton1.val(); 
    document['player'].receiveText1(ta); 
    playButton1.val(''); 
}; 

Answer 4

$('#playButton1').click(function(){ 
    document['player'].receiveText1($('playerButton1').val()); 
    $('playerButton1').val(''); 
}); 

Answer 5

<button class="playButton" value="1">Play 1</button> 
<button class="playButton" value="2">Play 2</button> 
<script type="text/javascript"> 
    $(function(){ 
     $(".playButton").click(function(){ 
      document['player'].receiveText1($(this).val()); 
     }); 
    }); 
</script> 

Answer 6

$('#Class').click(function(e){ 
    document['player'].receiveText1(event.target.value); 
    event.target.value = "" 
});