javascript - 检索元素的 dataTable 对象

Question

我正在尝试使用 JQuery 获取 jQuery 数据表的对象。我正在使用此线程来完成此任务:

https://datatables.net/forums/discussion/2913/how-to-get-the-otable-datatable-object-from-the-tables-id

由于某种原因，这不起作用。当我调用 $('.dynamic-wide-table').dataTable(); 时，它会导致我的表再次初始化并使表呈现两次，如下所示:

根据上面发布的链接，它不应该这样做，而只是获取对象。

这是我的代码:

main.js(加载到每个页面的 HTML 头部)

$(document).ready(function() {
    $(".dynamic-wide-table").dataTable({
        "aaSorting": [],
        "scrollX": true,
        "scrollY": 530,
        "scrollCollapse": true,
        "lengthMenu": [
            [100, 400, 1000, 5000, -1],
            [100, 400, 1000, 5000, "All"]
        ],
        "retrieve": true
    });
});

获取对象:

$(document).ready(function() {
    $('.dynamic-wide-table').dataTable();
});

Answer 1

以下评论:

您将无法获取单个表格对象，因为具有该类的每个元素都将拥有自己的 dataTable 对象。

您可以循环遍历这些类并检索每个单独的类。为了获取单个元素 dataTable 对象，您需要知道您需要来自哪个表元素:

$(document).ready(function() {
    $('.dynamic-wide-table').each(function(i){
        console.log('table no. ' + i );
        // Should print the dataTable object for each element to the console
        console.log($(this).dataTable());
    });
});

理想的做法是为每个单独的表提供一个 id，然后使用该 id 检索 dataTable 对象:

$('#tableId').dataTable();