数据表移动行按钮

Question

我有两个数据表，并且有这个功能可以将行从一个移动到另一个，它按原样运行完美，但我想触发动作不是通过单击行而是通过单击按钮，尝试更改它但赢了不行。

...
stockTable.on('click', 'tr' ,function() {     //'#toggle' selector instead 'tr'
    var $row = $(this);                       // $(this).closest('tr'); instead $(this);
    var addRow = stockTable.fnGetData(this);  //$(this).closest('tr'); instead 
    catalogTable.fnAddData(addRow);
    stockTable.fnDeleteRow($row.index());
});
...
<td><button class="toggle">C</button></td>
....

很抱歉，如果这个问题看起来很愚蠢，但我很喜欢javascript。 提前谢谢。

Answer 1

将tr替换为.toggle，它应该有效。您正在尝试使用ID #选择器，您需要一个类.选择器。

stockTable.on('click', '.toggle' ,function() {

然后，您必须将其重新分配给最近的tr：

var $row = $(this).closest("tr");