javascript - 使用一个 AJAX html 结果填充多个 div 标签

Question

我正在尝试找到一种方法，使用从单个 AJAX 响应获得的 HTML 结果来填充多个 div 标签的内容。

示例:

• 目标页面在容器 div_page 中具有 ID 为 div_1、div_2、div_3 的 div 标签。
• AJAX html 响应包含带有 resp_1、resp_2、resp_3 的 div 标签。
• 我现在想将resp_1的数据放入div_2，resp_2放入div_1，resp_3放入div_3。

jQuery 是否可以帮助解决这个问题，我该如何处理这个问题？我正在考虑将整个响应添加到 div_page 并复制数据，然后删除已处理的元素。

Answer 1

假设您的回复如下

<div id='div1'>foo</div><div id='div2'>bar</div><div id='div3'>Foobar</div>

您可以使用 .filter() 解析响应并使用 .html() 访问内部 html

//假设var响应是ajax请求的html

let div1 = $(response).filter("#div1").html();
let div2 = $(response).filter("#div2").html():
let div3 = $(response).filter("#div3").html();

我在这里为你做了一个例子 https://codepen.io/anon/pen/QqJLee