Jquery ui 在dataTables插件中单击获取列而不是行

我有下面的代码，它非常适合行单击，但是我希望第一列和最后一列都可以单击，并且我希望能够知道单击了哪一列。我有以下代码

$(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插件数据表 感谢您执行此操作。

$（“#submit tbody td”）。单击（function（）…

可将单击事件绑定到

td

因此，要获取第一列和最后一列，请单击以下命令：

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

更新1： 获取最后两列：

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

更新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());
        });
    });
});

当您执行此操作时，

$（“#submit tbody td”）。单击（函数（）…

将单击事件绑定到

td

因此，要获取第一列和最后一列，请单击以下命令：

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

更新1： 获取最后两列：

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

更新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());
        });
    });
});

---

只需指定列号，而不是第一列、最后一列等。下面的示例显示了第12列。零是第一列。这样更容易

td:eq(11)

---

只需指定一个列号，而不是第一个、最后一个等。下面的示例显示了第12列。零是第一个。这样更容易

td:eq(11)

有关更多信息，请参阅此

---

有关更多信息，请参阅此

能否澄清您的问题？我只想单击最后两列，而不是第一列和最后一列。此功能有效，但只有一个问题？如何获取其他单元格的值？？？它只提供最后两个单元格的值。我希望只能单击最后一列，但我需要所有单元格的值s、 只是不能点击它们。像这样的事情，但它不起作用…尝试获取第一个单元格的值让我们澄清你的问题好吗？我只想点击最后两列，而不是第一列和最后一列。这很有效，但只有一个问题？我如何获取其他单元格的值？？？它只提供了最后两个单元格。我想只能单击最后一个单元格，但我需要所有单元格的值。只是不能单击它们。像这样的事情，但不起作用…尝试获取第一个单元格的值让我们