Question

我在同一个ascx页面上有两个jQuery数据表。我尝试在工具栏div中插入一个超链接，在表格渲染后，它会调用后面代码中的链接。这是代码：

           var SDFtable = $('#tblSDF').dataTable(
            {
                "scrollY": "300px",
                "scrollX": true,
                "scrollCollapse": true,
                "paging": false,
                "autowidth": true,

                dom: '<"toolbar"><"filterPad"f>rti<"floatRight"B><"clear">',

                //all available button options
                //'copy', 'csv', 'excel', 'pdf', 'print'

                buttons: {
                    buttons: [
                        { extend: 'excel', text: 'Download this grid in Excel', exportOption: { page: 'current' }, footer: true }
                    ]
                }

            });

          $("div.toolbar").html('<h2><a id="aSDFExport" title="Click here to download full report" OnServerClick="ExportFundingSummaryToExcel"  runat="server">SDF Pool</a></h2>');

问题是我有两个这样的代码块，每个表一个，当第二个$（＆＃34; div.toolbar＆＃34;）行运行时，它会将这个链接添加到两个数据表中。如何引用特定于正在绘制的表的文件？

提前致谢。

Answer 1

试试这个：

$("#tblSDF_wrapper div.toolbar").html('<h2><a id="aSDFExport" title="Click here to download full report" OnServerClick="ExportFundingSummaryToExcel"  runat="server">SDF Pool</a></h2>');

Answer 2

试试这个：

$('#tblSDF').find("div.toolbar").html('<h2><a id="aSDFExport" title="Click here to download full report" OnServerClick="ExportFundingSummaryToExcel"  runat="server">SDF Pool</a></h2>');

同一页面上的多个jQuery数据表

2 个答案: