jquery - 虚构的jQuery持久方法

Question

是否有一种方法可以让如下声明保留到稍后添加到 DOM 的所有匹配元素？

$("a.my-class").replaceWith("<span>Replaced</span>");

类似的东西......

$("a.my-class").persist().replaceWith("<span>Replaced</span>");

(Persist 是一种虚构的方法，我希望它能传达我想要实现的目标。)

Answer 1

没有一个方法与您想要的完全一样，但如果使用 jQuery AJAX 方法添加内容，您可以使用以下方法:

$("<div></div>").ajaxSuccess(function(){
   $("a.my-class").replaceWith("<span>Replaced</span>");
});

此代码将在每个成功的 AJAX 请求后运行，前提是请求是使用 jQuery $.ajax 调用(包括 $.post或$.get)。您只需在页面上调用一次，它将在进行任何 AJAX 调用时触发。

如果您因更换太快而遇到麻烦:

$("<div></div>").ajaxSuccess(function(){
   window.setTimeout( function(){
       $("a.my-class").replaceWith("<span>Replaced</span>");
   }, 250);
});