javascript - 如何使用jQuery对所有将来的元素执行replaceWith()？

我遇到以下麻烦，将所有.replaceclass类替换为其他东西，并且工作正常。

$('.replaceclass').replaceWith(function() {
    return 'string to be replaced';
});

但是现在我有了一些.replaceclass元素，这些元素不是在第一次加载时生成的，而是可以在以后由ajax加载的，我也希望每次加载时都替换它们。

我试过了：

$('.replaceclass').on('load', function(){
    $('.replaceclass').replaceWith(function() {
        return 'string to be replaced';
    });
});

但这不起作用。如何获得理想的结果？非常感谢你！

最佳答案

您可以使用$.ajaxSuccess附加每当Ajax请求成功完成时要执行的功能。

$(document).ajaxSuccess(function(){
   $('.replaceclass').replaceWith(function() {
      return 'string to be replaced';
   });
});

这是一个全局事件，每次成功执行ajax操作都会触发该事件。如果您不希望特定的ajax调用触发它，只需在其选项中添加global: false即可。