Question

我有一个JFiddle能够识别表行并根据需要返回表数据但需要返回行的最后两个单元格，这些单元格是可写的，修改并返回修改后的值？我如何修改jQuery如下？

$(document).ready(function () {
    var table = $('#example').DataTable();

    $('#example tbody').on('click', 'tr', function () {
        $(this).toggleClass('selected');
    });

    $('#button').click(function () {
        var ids = $.map(table.rows('.selected').data(), function (item) {
            return item[0]
        });
        console.log(ids)
        for(var i =0;i<table.rows('.selected').data().length;i++){
        alert(table.rows('.selected').data()[i] + ' row(s) selected');
        }
    });
});

http://jsfiddle.net/arunpjohny/f4bppa43/

Answer 1

基于原始文档，有几种方法可以做到这一点：

https://datatables.net/reference/type/cell-selector

1-按Id：

 var table = $('#example').DataTable();
 var data = table.cell('#cell-2-42').data();

2-按班级

var table = $('#example').DataTable();
var cells = table.cells('.priority');

3-多选择器：

 var table = $('#example').DataTable();
 var cells = table.cells('.important, .intermediate');

Answer 2

经过艰苦的测试和实验后，这几乎就是这样做的！

$(document).ready(function () {
    var table = $('#example').DataTable();

    $('#example tbody').on('click', 'tr', function () {
        $(this).toggleClass('selected');
    });

    $('#button').click(function () {
        var ids = $.map(table.rows('.selected').data(), function (item) {
            return item[0]
        });
        console.log(ids)
        for(var i =0;i<table.rows('.selected').data().length;i++){

        alert(table.rows('.selected').data()[i] + ' row(s) selected');
        }
    });
     var ids = table.rows('.selected').data()

     $('#button').click(function( row, data, index ) {
  row=table.rows('.selected');
  data=table.rows('.selected').data();
    if ( data[0] == "1,System Architect,Edinburgh,61,2011/04/25,$320,800" ) {
      alert($('td:eq(4)',row[1]).text());
    }
  });
});

http://jsfiddle.net/f4bppa43/480/

如何从特定表行的jQuery数据表中访问Cell

2 个答案: