Question

我有以下代码：

<table id="my_table">
<tr>
    <td>
        <button class="btn_save" value="1">Save</button>
    </td>
</tr>
</table>

我想选择那个按钮

我试过了：

$('#my_table .btn_save').click......
$('table#my_table .btn_save').click......
$('table td .btn_save').click......
$('table td :button.btn_save').click......

似乎什么都没有用，我缺少什么？

不过，我不能在按钮上放一个id，因为这将是一个动态生成的表，有很多按钮，这就是为什么我选择了类的方式。

Answer 1

由于您正在动态生成表格和内容，因此请使用.on()委派点击事件。试试

$(document).on('click', '#my_table .btn_save', function(){......

Answer 2

所有选择器似乎都可以。（Here is a working jsFiddle）

我看到两个可能的问题：

您的数据是动态添加的，在这种情况下，您需要使用.on()使用事件爆燃：

$(document).on("click",'#my_table .btn_save',function(){
   //what you're doing
});

另一种可能性是在数据之前添加选择器，在这种情况下，您需要将语句放在$(document).ready子句中

$(function(){
    $('#my_table .btn_save').click......
});

Answer 3

确保在运行代码时dom中存在表格和按钮。

$(function(){
      var button = jQuery("#my_table button.btn_save")
});

Answer 4

单击这些按钮的频率无关紧要。我们无法保证他们提交您的表格！您必须将其更改为type="submit"而不是type="button"

选择一个带有id的表内部类的按钮

4 个答案: