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

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

当按下任意按钮时，此功能可调用该函数

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

但我希望它在一个更具体的情况下这样做

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

我知道我可以设置独立调用函数的按钮，但我需要这样做。非常感谢您的帮助。

以下是一个示例

HTML代码：

<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>

---

结果是，当使用js动态创建按钮时，它会提醒您单击的按钮的值，只需添加一点。上述示例不起作用

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

---

最后一个代码应该可以工作，就像……在‘点击’、‘表格ID按钮’、函数{……@SantiagoHernández上一样。谢谢！

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