我正在通过 jQuery $.ajax() 方法从远程源加载一些 html。
在将 html 插入 DOM 之前,我想将它分成三部分并将每个单独的部分插入到我的 DOM 的特定区域中。
例如,假设我通过 $.ajax() 函数加载以下内容:
<div class='first'>First</div>
<div class='second'>Second</div>
<div class='third'>Third</div>
并希望将其插入到连接到 DOM 的此页面中:
<div class='firstHome'>Some content I want replaced.</div>
<div class='secondHome'>More content to replace.</div>
<div class='thirdHome'>Final location for content.</div>
这将导致:
<div class='firstHome'><div class='first'>First</div></div>
<div class='secondHome'><div class='second'>Second</div></div>
<div class='thirdHome'><div class='third'>Third</div></div>
如何使用 jQuery 实现这一点?