做一個動作點擊數據表中的按鈕

Question

對不起我的英文，不是很好。我會盡力解釋我的問題。我在每行末尾都有一個按鈕，當點擊它時我需要一個不同的操作。表是用dataTables完成的，這就是我所擁有的。

$(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.** 
    }); 

}) 

這就是所有，也許很簡單，但它是我第一次使用這個插件。

非常感謝。

Answer 1

我希望下面的代碼會有所幫助。未經測試

$('#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.} 
}); 

Answer 2

給超鏈接按鈕。如：

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

如果你想打開文件，給超鏈接。 如果您想運行腳本，請使用按鈕的onClick動作。