Question

I’m looking for a javascript solution to find all jQuery scripts on a html page and replace the code with the latest version of jQuery.

Original line:

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

Replace with:

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

Answer 1

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);
}

That works for me. You can see it in this demo, but you’ll have to type the command $.fn.jquery in the console to see that the version has actually changed.