按鈕列表上的onclick事件無法使用jQuery

Question

我試圖在列表中的按鈕上添加事件，但似乎只有列表上的第一個按鈕正在使用onclick事件註冊。沒有顯示錯誤，但我不明白爲什麼只有按鈕的第一部分正在註冊一個事件？那就是：

<ul id = "button-list"> 
    <li> 
     <button class = "buttons" id = "first" name = "ltrContainer" ></button> 
    </li> 
    <li> 
     <button class = "buttons" id = "second" name = "ltrContainer" ></button> 
    </li> 
    <li> 
     <button class = "buttons" id = "third" name = "ltrContainer" ></button> 
    </li> 
    <li> 
     <button class = "buttons" id = "fourth" name = "ltrContainer" ></button> 
    </li> 
    <li> 
     <button class = "buttons" id = "fifth" name = "ltrContainer" ></button> 
    </li> 
    <li> 
     <button class = "buttons" id = "sixth" name = "ltrContainer" ></button> 
    </li> 
</ul> 

只有第一個按鈕與事件註冊，並在這裏是我的jQuery代碼

$('.buttons').click(function(){ 
    textContainer.value += this.innerHTML; 
    alert(this.innerHTML); 
}); 

Answer 1

$(function(){ 
    $('.buttons"').click(function(){ 
      var myValue = $(this).html(); 
      alert(myValue); 
     }); 
     }); 
}); 

我一跳，這將有助於

Answer 2

Thery在按鍵的內部HTML沒有價值。你會在按鈕中寫入任何值。 我修改您的代碼檢查

<ul id = "button-list"> 
    <li> 
     <button class = "buttons" id = "first" name = "ltrContainer" >1</button> 
    </li> 
    <li> 
     <button class = "buttons" id = "second" name = "ltrContainer" >2</button> 
    </li> 
    <li> 
     <button class = "buttons" id = "third" name = "ltrContainer" >3</button> 
    </li> 
    <li> 
     <button class = "buttons" id = "fourth" name = "ltrContainer" >4</button> 
    </li> 
    <li> 
     <button class = "buttons" id = "fifth" name = "ltrContainer" >5</button> 
    </li> 
    <li> 
     <button class = "buttons" id = "sixth" name = "ltrContainer" >6</button> 
    </li> 
</ul> 



$(document).ready(function() 
{ 
    $('.buttons').click(function(){ 
    document.getElementById('textContainer').value += this.innerHTML; 
    alert(this.innerHTML); 
    }); 
}); 

Answer 3

$("#button-list .buttons").each(function() { 
      $(this).bind("click", function() { 
       //Put your code here 
      }); 
}); 

希望這有助於...