javascript - 如何使用 replaceWith 维护 jQuery 引用

Question

如果我们有这样的示例结构:

HTML

<div id="foo">hello foo</div>

JS

var $foo = $('#foo');

我们需要使用 jQuery 的 .replaceWith 方法为给定的 jQuery/节点引用替换整个 HTML 标记，分别维护新节点引用的最佳实践是什么 em> ?

问题是，.replaceWith 返回对旧 jQuery 对象的引用(这对我来说或多或少听起来不合理)。来自文档:

However, it must be noted that the original jQuery object is returned. This object refers to the element that has been removed from the DOM, not the new element that has replaced it.

如果我去的话

$foo = $foo.replaceWith('<div>new content</div>');

我想在同一变量中引用/缓存新节点。是的，您可以重新查询新插入的 DOM 节点，但在我看来这似乎很笨拙。

是否有无需重新查询 DOM 即可实现此目的的巧妙方法？

示例:http://jsfiddle.net/Lm7GZ/1/

Answer 1

使用 .replaceAll()功能:

$foo = $('<div>new content</div>').replaceAll($foo);