按钮列表上的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 
      }); 
}); 

希望这有助于...