Question

要求很小，我必须在表格中选择多个单元格。一旦我们点击提交按钮，我们就必须在警报消息中显示每个单元格的相应行数据。我尝试使用下面的代码，我获取了单元格数据，但是却无法获取相应单元格的行数据。任何人都可以帮助我，这是示例代码。例如：假设我选择第2行第3列＆gt;＆gt;应选择第3列并单击按钮我需要显示警告＆＃34;整个第2行数据＆＃34;

$(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

Answer 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/

行单元格选择并使用jQuery

1 个答案: