jquery - 数据表最后一列的点击事件

标签 jquery datatables

我有像这样的代码的数据表

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/

相关文章:

javascript - 使用 jquery 存储与按钮点击关联的变量

javascript - 根据鼠标位置移动div

javascript - 带有 RequireJS 的数据表

javascript - 数据表 - 滚动条在刷新时缺少列标题

jquery - 基于另一列的 Bootstrap 数据表排序列

javascript - 将嵌套 AJAX 调用转换为顺序 Promise

javascript - 将鼠标悬停在 li 上时模糊子图像

javascript - MVC 4 中的数据注释不显示错误消息

javascript - 带有自定义搜索栏的 jQuery 数据表

javascript - 数据表分页隐藏 1 2 3 页按钮,仅具有下一个 - 上一个按钮