如何使用數據表在警報消息中獲取多個選定的列

Question

要求不高，需要隨機選擇多個單元。 單擊按鈕后，我們必須在一條警報消息中顯示所有選定的單元格數據。

我嘗試了下面的代碼，請您幫忙，得到“ Uncaught TypeError: Cannot read property 'length' of undefined錯誤”

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

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

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

小提琴

Answer 1

趕緊看你的代碼，我不知道你是如何期待得到您的數據表的數據到this時候this是你的$('#button')

$('#button').click(function() {
        var cellData = table.cell( this ).data(); // this = #button not your #table
        var consoleMsg = '';
        for (var i = 0; i < cellData.length; i++) {
            consoleMsg += cellData[i] + '\n';
        }
        alert(consoleMsg);
    });

您期望this是什么價值？

更新：好的，因此，請查看您的小提琴，然后將代碼更改為：

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

問題是您需要傳遞一個對象，但是您只是傳遞文本。