如何使用JavaScript查找/替换HTML？

Question

我正在寻找一个JavaScript解决方案，以在HTML页面上找到所有jQuery脚本，并将代码替换为最新版本的jQuery。

原始行：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

用。。。来代替：

<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.js"></script>

Answer 1

人们写的大多数示例都不要做！ （示例已删除。） jQuery().jquery返回jQuery版本：

$("script[src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js']")
    .attr("src","http://code.jquery.com/jquery-1.7.1.js");
console.log(jQuery().jquery);

这将1.3.2写入控制台。 仅更改脚本的src并不能使新脚本实际运行！ 即使您为新脚本提供了使用setTimeout或load事件加载的机会，它也不会更改版本。

您可以将脚本作为AJAX查询加载并进行eval 。

jQuery.getScript("http://code.jquery.com/jquery-1.7.1.js");

但是即使那样也可能无法产生您期望的结果。 页面下方对jQuery或$任何引用都已经指向旧的jQuery对象（版本1.3.2），而不是新的。 因此，要使用1.7.2，则仅在获取和eval新脚本之后才必须eval所有脚本。 所以，您将不得不寻找另一种担心的方式。

编辑：我想你可以这样做：

jQuery.getScript("http://code.jquery.com/jquery-1.7.1.js", function () {
    // Only after jQuery has run
    jQuery.getScript('my-script-which-depends-on-1.7.js');
});

但这有点麻烦。

Answer 2

var all = document.querySelectorAll('script[src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"]'),
script;
for(var i=0, len = all.length; i < len; i++){
    script = all[i].cloneNode(false);
    script.src = "http://code.jquery.com/jquery-1.7.1.js";
    document.body.removeChild(all[i]);
    document.body.appendChild(script);
}

这对我行得通。 您可以在此演示中看到它，但是必须在控制台中键入命令$.fn.jquery才能看到版本实际上已更改。

Answer 3

在记事本++之类的编辑器或任何其他高级源代码编辑器中打开项目的源代码。 在所有可用的源文件中搜索文本“ 1.3.2 / jquery.min.js”（通过递归搜索项目的根目录）。 检查是否需要替换所有出现的字符串，然后使用查找/替换工具将其更改为最新版本。