jQuery数据表在中获取隐藏列数据

有了该表定义，需要单击TransactionId列，以获取隐藏Guid列的值/数据。正如您所看到的，我的guid列具有名为transactionIdColumn的类名。需要有关jQuery代码的帮助

尝试这样做：

$("#TransactionTable").DataTable({
                    ajax: {
                        url: '/Transaction/SearchMockup',
                        type: 'POST',
                        data: {
                            cardEndingWith: $("#ccn").val(),
                            status: $("#status").val(),
                            supplier: $("#supplier").val(),
                            fromDate: $("#fromDate").val(),
                            toDate: $("#toDate").val()
                        }
                    },
                    columns: [
                    {
                    { data: 'Status' },
                    { data: 'TransactionId' },
                    { data: 'CreditCardNumber' },
                    { data: 'Supplier' },
                    { data: 'CreatedAt' },
                    { data: 'Amount' },
                    { data: 'Guid' }
                    ],
                    columnDefs: [
                    {
                        "targets": [6],
                        "visible": false,
                        "className": "guid"
                    },
                    {
                        "targets": [1],
                        "className": "transactionIdColumn",
                    }
                    ]
                });

你可以试试这个

$("#TransactionTable .transactionIdColumn").on('click', function (elm) {
                var guidNumber = $(elm).closest("tr").find(".transactionIdColumn").html();
                alert(guidNumber);
            });

---

如前所述，var guidNumber=$elm.closesttr.find.transactionIdColumn.html；看起来相当于var guidNumber=$this.html；。改变它。查找选择器应该给你一个战斗的机会。使用datatable api访问数据。。。看见

{ "data"  : "TransactionId",
  "render": function (data, type, full, meta) {
              var guid = full['guid'];
              return '<a href="#" class="trans_id" data-guid="'+guid+'"> '+data+' </a>';
            }
},

 $("#TransactionTable .trans_id").on('click', function (elm) {
     var guidNumber = $(this).data('guid');
     alert(guidNumber);
 });