按钮单击事件上的 JavaScript 执行

Question

我正在设计一个应用程序，它使用 DataTables 中的预定义库来创建数据表。我想对数据表执行删除操作，为此应在按钮单击事件上执行 java 脚本。

$(document).ready(function() {
    var table = $('#example').DataTable();
    $('#example tbody').on( 'click', 'tr', function () {
        if ($(this).hasClass('selected')) {
            $(this).removeClass('selected');
        }
        else {
            table.$('tr.selected').removeClass('selected');
            $(this).addClass('selected');
        }
    });

    $('#button').click(function() {
        table.row('.selected').remove().draw(false);
    });
});

HTML 按钮是:

 <button type="button" class="btn btn-primary btn-sm">Remove</button>

单击此按钮应执行上述脚本，并且所选行应从数据表中删除。

Answer 1

由于您使用的是ID Selector ("#id")，因此您需要设置按钮的id(标识符)

<button id="button" type="button" class="btn btn-primary btn-sm">Remove</button>