AJAX加载外部HTML后下载链接失效及DIV删除失败求助

我并非JS和HTML专家，参考示例实现了在自有网站通过AJAX加载外部HTML资源。该外部HTML中的CSV下载链接在原页面可正常使用，但通过AJAX加载后无法触发下载；同时我尝试使用.remove()方法删除ID为buttons的DIV也未成功。

补充说明 #

• 有评论指出对ID选择器调用each()不合理，但外部HTML不可编辑，无法将ID改为class；
• 此前用于加粗的符号已移除；
• 外部HTML中的下载链接示例为<a href='/DataLogs?Path=/DataLogs/Mer.csv&amp;Action=DOWNLOAD '>Mer.csv</a>，加载后页面的HTML结构与原页面一致，但链接仍无法使用。

相关代码 #

外部HTML片段 #

</head>
  <body>
  <div id="clientArea">
    <div id="titleArea">
    <h1>Log di dati</h1>
      <div class="updatable Title_Area_Selectbox" id="filebrowser_selectbox">
      </div>
      <div id="buttons">
      <span id="dynamic_link">
      <a class="Link_ReloadIcon" href="../ReloadSite.mwsl">
      <img height="13" title="Aggiorna" alt="Refresh" src="../Images/ICO_WEB_refresh.gif">
      </a>
      </span>
      <a class='PrinterIcon_Active' href='../Portal/Print.mwsl?PriNav=DataLogs' target=_blank>&nbsp;
      <img title="Stampa" style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; HEIGHT: 13px" height="13" alt=Print src="../Images/ICO_WEB_Drucken.gif">
      </a>
      </div>
  </div>
    <div id="separatorLine3"></div>
      <table id="DataLogsError"><tr><td class="Error_Message"></td></tr></table>
      <div class="updatable" id="FilebrowserTable">
      <table class="ContentTable">
      <tr>
        <td id="File_Name" class="ContentTableField_1">Nome</td>
        <td id="File_Size" class="ContentTableField_1">Dimensione</td>
        <td id="File_Dates" class="ContentTableField_1">Modificato il</td>
        <td id="File_Status" class="ContentTableField_1">Attivo</td>
        <td id="File_Delete" class="ContentTableField_1">Cancella</td>
        <td class="Filebrowser_No_Sort_Header"><span class="nobr">Recupera e cancella</span></td>
      </tr>
      <tr>
      <td class='ContentTableField'><a href='/DataLogs?Path=/DataLogs/Mer.csv&amp;Action=DOWNLOAD'>Mer.csv</a>
    </td>
    <td class="ContentTableField_Filesize"><span class="nobr">5,08 KB</span></td>
    <td class="ContentTableField"><span class="nobr">18:10:00   26.06.2024</span></td>
    <td class="ContentTableField">No</td>
...
  </body>
</html>

自有页面HTML #

<Div id="DataLog"></Div>

自有页面脚本 #

<script type="text/javascript">
        $(document).ready(function() {
            $(function() {
              $.ajax({
                url:"/Portal/Portal.mwsl?PriNav=DataLogs",
                type:"GET",
                dataType:'html',
                success:function(data) {
                  var out = "";
                  $(data).find("#clientArea").each(function(loop, item){out += $(item).html();});
                  data = out;
                  alert(data);
                 $("#DataLog").html(data);
              }                  
            })
        });
        });
    </script>

内容的提问来源于stack exchange，提问作者Val