javascript - 在将 html 数据添加到文档之前对其进行修改

Question

我正在尝试修改来自外部 Web 服务的 ajax 调用返回的数据，然后再将其添加到类似于此问题的文档中

success: function (data) {
   $(data).find(".page td:nth-child(4)").hide();
   $("div.resultstable").html(data);
}

数据格式如下

<div class="results">
   <div id="page1" class="page"
      <table>
         <tr> ... </tr>
      </table>
   </div>
   <div id="page2" class="page">
      <table>
         <tr> ... </tr>
      </table>
   </div>
</div>

如果我$(".page td:nth-child(4)").hide();在 html(data) 行之后添加到我的成功函数，它可以工作，但我试图在将数据添加到文档之前修改数据。

Answer 1

您可以简单地更改数据

success: function (data) {
   $(data).find(".page td:nth-child(4)").html("some data");

//or 
   $(data).find(".page td:nth-child(4)").append("some data");// to add some data

   $("div.resultstable").html(data);
}