同一页上有多个jQuery数据表

我在同一个ascx页面上有两个jQuery数据表。我正在尝试将一个超链接插入到toolbar div中，该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>');

var-SDFtable=$（'#tblSDF'）。数据表(
{
“滚动”：“300px”，
“scrollX”：正确，
“卷轴崩溃”：没错，
“分页”：false，
“自动宽度”：正确，
dom:'rti'，
//所有可用的按钮选项
//“复制”、“csv”、“excel”、“pdf”、“打印”
按钮：{
按钮：[
{extend:'excel'，text:'Download this grid in excel'，exportOption:{page:'current'}，footer:true}
]
}
});
$（“div.toolbar”）.html（'SDF Pool'）；

问题是我有两个这样的代码块，每个表一个，当第二个$（“div.toolbar”）行运行时，它会将该链接添加到两个数据表。我如何将其引用到正在绘制的表中

提前感谢。

试试这个：

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

$（“#tblSDF_wrapper div.toolbar”）.html（'SDF Pool'）；

试试这个：

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

$（'tblSDF'）.find（“div.toolbar”）.html（“SDF池”）；

两个表的ID是否都是

#tblSDF

？也许这可能会有帮助，但jQuery元素遍历仍在进行中，谢谢您的帮助！