Javascript 如何在JQuery数据表的每一行中添加多个按钮,以及如何对其应用事件

Javascript 如何在JQuery数据表的每一行中添加多个按钮,以及如何对其应用事件,javascript,jquery,mysql,datatables,Javascript,Jquery,Mysql,Datatables,我有一个按钮,但我需要两个按钮,并在单击按钮从底层数据库获取数据时执行一些MySql 如何使用这两个按钮执行事件 $(document).ready(function () { var table= $('#example').dataTable( { "ajax": "..//wp-content/plugins/jobify/Admin/data.txt", "columnDefs": [ { "targets": -1,

我有一个按钮,但我需要两个按钮,并在单击按钮从底层数据库获取数据时执行一些MySql

如何使用这两个按钮执行事件

$(document).ready(function () {
    var table= $('#example').dataTable( {
        "ajax": "..//wp-content/plugins/jobify/Admin/data.txt",
        "columnDefs": [ {
            "targets": -1,
            "data": null,
            "defaultContent": "<button>View Posted Jobs</button>"
        } ]
    } );

    $('#example tbody').on( 'click', 'button', function () {
        //var data = table.row( $(this).parents('tr') ).data();
    } );
} );
$(文档).ready(函数(){
变量表=$(“#示例”)。数据表({
“ajax”:“.//wp-content/plugins/jobify/Admin/data.txt”,
“columnDefs”:[{
“目标”:-1,
“数据”:空,
“defaultContent”:“查看发布的作业”
} ]
} );
$(#示例tbody')。在('单击','按钮',函数()上){
//var data=table.row($(this.parents('tr')).data();
} );
} );

只需为每个按钮分配一个类,并为每个类附加一个事件处理程序

$(document).ready(function () {
   var table = $('#example').dataTable( {
      "ajax": "../wp-content/plugins/jobify/Admin/data.txt",
       "columnDefs": [ {
          "targets": -1,
          "data": null,
          "defaultContent": 
             '<button class="btn-view" type="button">View Posted Jobs</button>'
             + '<button class="btn-delete"  type="button">Delete</button>'
        } ]
     } );

     // Handle click on "View" button
     $('#example tbody').on('click', '.btn-view', function (e) {
        //var data = table.row( $(this).parents('tr') ).data();
     } );


     // Handle click on "Delete" button
     $('#example tbody').on('click', '.btn-delete', function (e) {
        //var data = table.row( $(this).parents('tr') ).data();
     } );
});
$(文档).ready(函数(){
变量表=$(“#示例”)。数据表({
“ajax”:“./wp content/plugins/jobify/Admin/data.txt”,
“columnDefs”:[{
“目标”:-1,
“数据”:空,
“默认内容”:
“查看已发布的作业”
+“删除”
} ]
} );
//点击“查看”按钮
$(#示例tbody')。在('click','btn view',函数(e)上{
//var data=table.row($(this.parents('tr')).data();
} );
//点击“删除”按钮
$(“#示例tbody”)。在('click','btn delete',函数(e)上{
//var data=table.row($(this.parents('tr')).data();
} );
});

您可能需要查看
columnDefs
render
选项。请参阅文档。请尽可能将您的问题格式化,并使其尽可能简洁(简短但描述良好)。你会得到更多的关注和更好的回答。