Question

我有像这段代码的数据表

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>

on 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 (){});

但我仍然不知道如何在最后一栏中使用它

更新：我的问题清除!!! tq for Vicky_Thinking !!! ;）

Answer 1

试试这个

table.find('tbody').on('click', 'td:last-child a', function (){});

它会使最后一列的所有行都可以点击。

Answer 2

如果您知道它是八列，那么您可以使用

table.find('tbody tr td').eq(7).on('click', 'a', function (){});

或者您也可以使用.last()

table.find('tbody tr td').last().on('click', 'a', function (){});

Jsfiddle Demo

数据表甚至在最后一列上单击

2 个答案: