在dataTables插件而不是行中单击一列

Question

我有以下代码,非常适合行单击,但我希望第一列和最后一列是可点击的,我希望能够分辨出哪一列被点击.我有以下代码

$(document).ready(function() {
    oTable = $('#mytable').dataTable();
    var fa = 0;
    $('#submit tbody td ').click(function() {
    var gCard = $('#mytable tbody').delegate("tr", "click", rowClick);


    });
    function rowClick() {
        fa = this;
        var id  = $("td:eq(1)", this).text();
        cardNumber = $.trim(id);    
        $.ajax({
            url : 'myurltopostto',
            type : 'POST',
            data : {
                id  :   id

            },
            success : function(data) {
                oTable.fnDraw(); //wanted to update here
            },
            error : function() {
                console.log('error');
            }
        });
    }

});

这里的代码是行单击

var gCard = $('#mytable tbody').delegate("tr", "click", rowClick);

我可以做什么来进行单元格点击并获取信息.

使用jquery插件dataTables谢谢

Answer 1

当你这样做时,$('#submit tbody td ').click(function() ...你将点击事件绑定到td.
因此,要获取第一列和最后一列,请使用以下命令:

$('td:first, td:last', '#submit tbody tr').on('click', function() {
    // do what you want
});

demo1的

更新1:获取最后两列:

jQuery('#mytable tr').each(function() {
    jQuery('td', this).slice(-2).on('click', function() {
        // do what you want
    });
});

DEMO2

更新2:单击最后两列获取每个列数据

jQuery('#mytable tr').each(function() {
    jQuery('td', this).slice(-2).on('click', function() {
        // do what you want
        var $columns = jQuery(this).siblings('td').andSelf();
        jQuery.each($columns, function(i, item) {
            alert(jQuery(item).html());
        });
    });
});

demo3