我有像这样的代码的数据表
var table = $("#mas-vendor");
var filter = $('.form-filter');
var target = table.attr('data-table');
var oTable = table.on( 'processing.dt', function ( e, settings, processing ) {
if (processing) {
$(this).find('tbody').addClass('load1 csspinner');
} else{
$(this).find('tbody').removeClass('load1 csspinner');
};
} ).DataTable({
"ajax": host+'datatable/'+target,
"bServerSide": true,
"iDisplayLength" : 10,
"order": [[ 1, "desc" ]],
"columnDefs": [{
"targets": [ 0 ],
"className": "details-control",
},]
});
和这样的html
<table id="mas-vendor" class="dataTable table table-bordered table-hover table-full-width" width="100%" data-table="masvendor">
<thead>
<tr>
<th>Name</th>
<th>Country</th>
<th>Terms</th>
<th>Cheque/Giro Name</th>
<th>PPN</th>
<th>NPWP</th>
<th>Status</th>
<th>Action</th>
</tr>
</thead>
</table>
像这样的json(只是例子)
$json['data'][] = [$val['vendor'], $val['country'], $val['terms'], $val['cgname'], $val['ppn'], $val['NPWP'], $val['status'],'<a href="javascript:;" id="delete">Delete</a> || <a href="javascript:;" id="edit">Edit</a>'];
我的问题是我什至需要单击最后一列(操作)而不是所有列,我如何知道 id 是删除还是编辑。有人可以帮我吗?
我想尝试使用这个代码,
table.find('tbody').on('click', 'td a', function (){});
但我仍然不知道如何在最后一栏中使用它
更新:我的问题解决了!!!谢谢 Vicky_Thinking!!! ;)
最佳答案
试试这个
table.find('tbody').on('click', 'td:last-child a', function (){});
这将使最后一列的所有行都可点击。
关于jquery - 数据表最后一列的点击事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40298501/