Javascript 单击datatable中的按钮时执行操作

Javascript 单击datatable中的按钮时执行操作,javascript,button,datatable,Javascript,Button,Datatable,对不起,我的英语不是很好。我会尽力解释我的问题。我有一个表,每行的末尾都有一些按钮,我需要在单击它们时执行不同的操作。表是由数据表组成的,这就是我所有的 $(document).ready(function() { var table = $('#dataart').DataTable( { "columnDefs": [ { "targets": -1, "data": null, "de

对不起,我的英语不是很好。我会尽力解释我的问题。我有一个表,每行的末尾都有一些按钮,我需要在单击它们时执行不同的操作。表是由数据表组成的,这就是我所有的

    $(document).ready(function() {
    var table = $('#dataart').DataTable( {

        "columnDefs": [ {
            "targets": -1,
            "data": null,
            "defaultContent": '<button id="ver" class="btn btn-sm btn-primary"><span class="glyphicon glyphicon-eye-open"></span></button>&nbsp;' +
                              '<button id="editar" class="btn btn-sm btn-warning"><span class="glyphicon glyphicon-edit"></span></button>&nbsp;' +
                              '<button id="eliminar" class="btn btn-sm btn-danger"><span class="glyphicon glyphicon-trash"></span></button>'
        } ]
    } );

    $('#dataart tbody').on( 'click', 'button', function () {
        var data = table.row( $(this).parents('tr') ).data();
        **if (button id=ver click) do something like this document.getElementById("x").value= data[1] or call a function.
        if (button id=editar click) do a second function.
        if (button id=eliminar click) do other function.**
    } );

} )
$(文档).ready(函数(){
变量表=$(“#数据艺术”)。数据表({
“columnDefs”:[{
“目标”:-1,
“数据”:空,
“defaultContent”:”+
' ' +
''
} ]
} );
$(#dataart tbody')。在('click','button',function(){
var data=table.row($(this.parents('tr')).data();
**如果(button id=ver click)执行类似于document.getElementById(“x”).value=data[1]的操作或调用函数。
如果(按钮id=编辑点击)执行第二个功能。
如果(按钮id=eliminar click)执行其他功能**
} );
} )
这就是全部,也许是非常简单的事情,但这是我第一次使用这个插件


非常感谢。

为按钮提供超链接。比如:

<a href='xyz.html'><button.....></button>

如果要打开文件,请提供超链接。
若要运行脚本,请使用按钮的onClick操作。

为按钮提供超链接。比如:

<a href='xyz.html'><button.....></button>

如果要打开文件,请提供超链接。
如果要运行脚本,请使用按钮的onClick操作。

我希望下面的代码会有所帮助。未经测试

$('#dataart tbody').on( 'click', 'button', function () {
    var data = table.row( $(this).parents('tr') ).data();
    var button_id = this.id; // get the id of the button clicked
    if (button_id=='ver'){
        //do some thing
    }
    if (button_id=='editar'){ //do a second function.}
    if (button_id=='eliminar'){ //do other function.}
} );

我希望下面的代码会有所帮助。未经测试

$('#dataart tbody').on( 'click', 'button', function () {
    var data = table.row( $(this).parents('tr') ).data();
    var button_id = this.id; // get the id of the button clicked
    if (button_id=='ver'){
        //do some thing
    }
    if (button_id=='editar'){ //do a second function.}
    if (button_id=='eliminar'){ //do other function.}
} );

很好!!非常感谢。效果很好!!非常感谢你。