在页面更改之前加载 replaceWith 文本更改

Question

希望是一个快速和简单的。我有一小段代码（如下），当在正文中找到一个类时，页面 h1 标题更改为另一个标题。我正在处理的项目需要很多不同的模板，所以我使用 jquery 来完成这项工作。

以下作品：

$(function() {  
if ($(".Class").length > 0) {
      $self = $('.header > h1')
      $self.replaceWith( "<h1 class='classSomething'>" + "New Header 
Title" + "</h1>" );
}
});

但是，页面加载后，标题更改，看起来很糟糕。有没有办法在我们看到任何呈现的页面之前确保标题发生变化？

顺便提一下，我已经尝试过 $(window).load(function.... 这也做了同样的事情。也许快速暂停让所有内容加载，然后页面显示？

Answer 1

我想我已经弄清楚了，这将是一件痛苦的事情，因为拾取搜索到的类的模板只会在标题模板之后加载，这意味着它将在之后加载。认为我将不得不放弃这个想法。