使用 jQuery 选择行单元格并获取单元格的完整行数据答案

【问题标题】：Row Cell selection and getting complete row data of the cell using jQuery使用 jQuery 选择行单元格并获取单元格的完整行数据
【发布时间】：2018-03-09 07:30:19
【问题描述】：

有小要求，我必须在表格中选择多个单元格。单击提交按钮后，我们必须在警报消息中显示每个单元格的相应行数据。我尝试使用下面的代码，我正在获取单元格数据，但是在获取相应单元格的行数据时遇到了麻烦。任何人都可以帮助我，这是示例代码。例如：假设我选择了第 2 行第 3 列>> 应该选择第 3 列并单击按钮我需要显示警报“整个第 2 行数据”

$(document).ready(function() {
    var table = $('#example').DataTable();
    $('#example tbody').on( 'click', 'td', function () {
         $(this).toggleClass('selected'); 
        // alert(table.cell( this ).data());
    } );

    $('#button').click(function() {
        var rowdata = table.rows('.selected').data();
        var cellData = table.cells('.selected').data();
        //console.log(cellData);
        var consoleMsg = '';
        for (var i = 0; i < cellData.length; i++) {
            consoleMsg += cellData[i]+'\n';
            //consoleMsg += rowdata[i]+'\n';
        }
        alert(consoleMsg);
    });
});

Fiddle

【问题讨论】：

工作正常吗？你有什么问题？
我的问题是......我需要获取完整的行数据以获取单元格值。就像如果我选择了第 2 行第 3 列 >> 单击提交按钮 >> 我已在警报中显示整个第 2 行数据。

标签： javascript jquery datatables

【解决方案1】：

$('#button1').click(function() {
        var consoleMsg = '';
       $.each($('#example td.selected'), function(i,e){
            var allTd = $(this).closest('tr').find('td');
        //console.log(allTd);

        $.each(allTd, function(x,y) {
            consoleMsg += $(this).text()+'\n';
        });

     });
     alert(consoleMsg);
    });

演示：https://jsfiddle.net/b6vxgo1k/101/

【讨论】：