0

リスト内のボタンにイベントを追加しようとしていますが、リストの最初のボタンのみが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);
});
4

3 に答える 3

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

これがお役に立てば幸いです

于 2012-04-07T10:22:29.173 に答える
2

それらはボタンの内部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);
    });
});
于 2012-04-07T06:30:21.617 に答える
0 
$("#button-list .buttons").each(function () {
            $(this).bind("click", function() {
                //Put your code here
            });
});

お役に立てれば...

于 2012-04-07T06:33:55.957 に答える