jquery - 如何用另一组元素替换某组元素？

Question

在将其标记为 JQuery: elegant way to replace set of elements with another set 的重复项之前，请阅读我的问题。

我上面提到的问题的答案只允许用另一个集合替换某个父选择器内的所有元素。

我想要的是替换某个集合，例如下面示例中的 #foo1 和 #foo3，但不是 #foo2 > 和#foo4:

<div id="main">
  <div id="foo1">Foo1</div>
  <div id="foo2">Foo2</div>
  <div id="foo3">Foo3</div>
  <div id="foo4">Foo4</div>
</div>

只是说我想用两个 ID 为 #foo5 和 的 div 替换元素 #foo1 和 #foo3 #foo6。我不想更改任何其他元素。

这有可能实现吗？如果是这样，怎么办？

Answer 1

您可以使用replaceWith方法。

$('#foo1').replaceWith($('#foo5'))​

或者:

$('#foo1').replaceWith('<div id="foo5">Content</div>')​