同じページの複数のjQueryデータ型

Question

同じascxページに2つの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>'); 

問題は、私は、コードのこれらのブロックの2、各テーブルに1つを持っているということであり、第二$（「div.toolbar」）の行が実行されるとき、それは両方にそのリンクを追加しますデータテーブル。どのようにその特定のテーブルを描画されて参照することができますか？

ありがとうございます。

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>');