Question

我想在特定表格中按下任何按钮时调用函数。

这可以在按任何按钮时调用该功能

$(document)
  .on('click', 'button', fuction(){
   ...
  });

但我希望在更具体的情况下这样做。

$(document)
  .on('click', '#imgPreviewTable.button', function(){
    ...     
  });

我知道我可以设置按钮来独立调用一个函数，但我需要这样做。任何帮助表示赞赏。

Answer 1

这是一个例子

HTML CODE：

<table id="mytable">
<thead>
<tr><th>Buttons</th></tr>
</thead>
<tbody>
<tr><td><input type="button" class="Tblbutton" value="button 1"></td></tr>
<tr><td><input type="button" class="Tblbutton" value="button 2"></td></tr>
<tr><td><input type="button" class="Tblbutton" value="button 3"></td></tr>
</tbody>
</table>

Javascript代码

$('#mytable Tblbutton').on('click',function(){
alert($(this).val());
})

结果是它会提示您点击的按钮的值

Answer 2

只需添加一点，即动态创建按钮（使用js）。以上显示的示例不起作用。

$('#imgPreviewTable').on('click', 'button', function(){
    // do something
})

http://api.jquery.com/on/

当点击特定id中的按钮元素时，jquery调用函数

2 个答案: