1

行のクリックに最適な次のコードがありますが、最初と最後の列をクリック可能にし、どの列がクリックされたかを識別できるようにしたいと考えています。次のコードがあります

$(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 の使用

4

3 に答える 3

6

これを行うときは$('#submit tbody td ').click(function() ...、クリックイベントをにバインドしますtd。
したがって、最初と最後の列をクリックするには、次を使用します。

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

demo1

更新1：最後の2列を取得：

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

demo2

更新2：最後の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

于 2012-06-28T19:45:59.153 に答える
2

最初、最後などの代わりに列番号を指定するだけです。以下の例は列 12 を示しています。ゼロが最初です。その方が簡単です。

td:eq(11)
于 2014-05-14T22:06:31.960 に答える