Javascript Can';无法从表行上的按钮获取引导按钮ID

Javascript Can';无法从表行上的按钮获取引导按钮ID,javascript,jquery,button,twitter-bootstrap-3,Javascript,Jquery,Button,Twitter Bootstrap 3,我用的是Bootstrap,我想我会很聪明,把一些按钮放在桌子里。唉,什么也没发生。按钮状态改变,但除此之外,没有错误,没有警报,根本没有响应 我的缩写表 <table class="table"> <tr> <td>Entry of some sort</td> <td><button type="button" class="btn btn-default btn-xs" id="edi

我用的是Bootstrap,我想我会很聪明,把一些按钮放在桌子里。唉,什么也没发生。按钮状态改变,但除此之外,没有错误,没有警报,根本没有响应

我的缩写表

<table class="table">
    <tr>
        <td>Entry of some sort</td>
        <td><button type="button" class="btn btn-default btn-xs" id="edit_Button">Edit</button></td>
        <td><button type="button" class="btn btn-default btn-xs" id="delete_Button">Delete</button></td>
    </tr>
</table>

$(文档)中定义函数。就绪(函数()

由于您的按钮是动态创建到DOM的,因此单击事件将不适用于这些按钮。在这种情况下,事件委派将帮助您附加该事件

试试这个

$(document).ready(function () {
    $(document).on('click', ".table .btn", function (e) {
        e.preventDefault();
        id = $(this).attr('id')
        alert(id);
    });
});

$(文档)中定义函数。就绪(函数()

由于您的按钮是动态创建到DOM的,因此单击事件将不适用于这些按钮。在这种情况下,事件委派将帮助您附加该事件

试试这个

$(document).ready(function () {
    $(document).on('click', ".table .btn", function (e) {
        e.preventDefault();
        id = $(this).attr('id')
        alert(id);
    });
});

请在
Dom Ready

试试这个

    $(function(){

        $('body').on('click','.table .btn','',function(e){
          e.preventDefault();
          var id = $(this).attr('id');
          alert(id);
         });

     });

请在
Dom Ready

试试这个

    $(function(){

        $('body').on('click','.table .btn','',function(e){
          e.preventDefault();
          var id = $(this).attr('id');
          alert(id);
         });

     });

$(document).ready(function(){
 //here
      $(".table .btn").click(function(e){
      e.preventDefault();
      id = $(this).attr('id')
      alert(id);
      });
});
在中编写jquery

$(document).ready(function(){
 //here
      $(".table .btn").click(function(e){
      e.preventDefault();
      id = $(this).attr('id')
      alert(id);
      });
});

代码中有语法错误:
id=$(this).attr('id')
应该是
var id=$(this.attr('id');
在这里不是个大问题。@highqwebUpdated,但显然不是问题的原因。在这里工作正常:代码中有语法错误:
id=$(this.attr('id'))
它应该是
var id=$(this.attr('id'));
在这里不是什么大问题。@highqwebUpdated,但显然不是问题的原因。在这里工作很好:已经很好了,我只是忘了添加到原始代码段中。我更新了原始文章。@Layne在jsfiddle警报中工作,所以代码中没有错误。检查浏览器控制台是否有错误?是否加载了jquery?@Layne该按钮是创建的吗动态加载的jquery和console没有显示任何错误。所有其他按钮都按预期工作。只有表中的按钮没有响应。是的,表是通过PHP动态创建的。按钮代码是echo的一部分。它已经是了,我只是忘了添加到原始代码段中。我更新了原始帖子。@JSFIDLE alert中的Layne正在工作,所以您没有错误r code.check浏览器控制台有错误吗?是否加载了jquery?@Layne是动态创建的按钮吗?加载的jquery和控制台显示没有错误。所有其他按钮都按预期工作。只有表中的按钮没有响应。是的,表是通过PHP动态创建的。按钮代码是echo的一部分。