javascript - Javascript ボタン ID の選択

Question

私は Javascript を初めて使用します。ここに単純なものが欠けているようです。クリックしているボタンのIDを返したいだけですが、代わりに「未定義」になっています。

HTML

<div class="btn-group" id="{{user.get('name')}}">
    <button class="btn" id="voteup">^^</button>
    <h4>{{user.get('vote')}}</h4>
    <button class="btn" id="votedown">vv</button>    
</div>

ジャバスクリプト

$(document).ready(".btn").click(function() {
    var id = this.id;
    alert(id);
)};

score 6 · Accepted Answer

これを試して

$(document).ready(function() {
    $(".btn").click(function() {
        alert($(this).attr("id"));
    });

});

score 4 · Accepted Answer

あなたは物事を混同しました。$(document).ready()DOM ツリーが完全にロードされたときに実行されるハンドラ関数を受け入れます。正しい解決策は次のとおりです。

$(document).ready(function() {
    $(".btn").click(function() {
        var id = this.id;
        alert(id);
    });
});

score 0 · Accepted Answer

この方法を試してみるべきだと思います：

jQuery(document).ready(function(){
  jQuery('.btn').live('click', function(){
    var id = jQuery(this).attr('id');
    alert(id);
  });
});

試してみて、うまくいったかどうか教えてください（：

score 0 · Accepted Answer

もちろん、JavaScriptにエラーがあります：

$(document).ready(".btn").click(function() { //<----here in doc ready handler
   var id = this.id;
   alert(id);
)}; //<---------------closing of the handler

これは次のように変更する必要があります。

$(document).ready(function(){
   $(".btn").click(function() {
      var id = this.id;
      alert(id);
   });
});

score 0 · Accepted Answer

jQuery を使用している場合は、次のidように属性を読み取ることができます。

$(this).attr('id');

score 0 · Accepted Answer

クリックリスナーをバインドする正しい方法は

$(function(){
    $(document).on("click",".btn",function(e){
          alert($(this).prop("id"));
    });
});

javascript - Javascript ボタン ID の選択

6 に答える 6

Related

Reference