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>

JAVASCRIPT

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

Answer 1

试试这个

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

});

Answer 2

你混淆了事情。 $(document).ready()接受在DOM树完全加载时执行的处理函数。正确的解决方案是：

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

Answer 3

如果您使用的是jQuery，则可以阅读id属性，如下所示：

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

Answer 4

绑定点击侦听器的正确方法是

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

Answer 5

我认为你应该这样试试：

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

尝试并告诉我们是否有效（：

Answer 6

当然，你的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);
   });
});

Javascript按钮ID选择

6 个答案: