jQuery 获取新对象

Question

当使用像 replaceWith 这样的 jQuery 函数时，函数返回值是(如明确记录的)原始 jQuery 对象。然而，我通常想要链接替换 jQuery 对象。我该怎么做？

例如:

$("#original").replaceWith("<span id='replacement'></span>").someFn()
# this calls someFn() on #original, NOT as desired on #replacement.

解决这个问题最好的方法是什么？显然我可以这样做 $("#replacement").someFn()，但这不是重点，因为(例如)我可能事先不知道替换元素的 id。

注意:我也对有关前提的反馈感兴趣。例如，我是否错过了 jQuery 的要点？是否缺少一些习惯用法？

Answer 1

您可以创建一个插件。最简单的形式可能是:

(function($) {
    $.fn.replace = function(target) {
        $(target).replaceWith(this);
        return this;
    };
}(jQuery));

用法:

$("<span id='replacement'></span>").replace("#original").someFn();