How to find and replace text in between two tags in HTML or XML document using jQuery?

html, javascript, jquery, regex

Solution

I did something similar in a question earlier today using regexes:

str = str.replace(/<title>[\s\S]*?<\/title>/, '<title>' + newTitle + '<\/title>');

That should find and replace it. `[\s\S]*?` means [any character including space and line breaks]any number of times, and the ? makes the asterisk "not greedy," so it will stop (more quickly) when it finds `</title>`.

Problem

I want to find and replace text in a HTML document between, say inside the <title> tags. For example, ``` var str = "<html><head><title>Just a title</title></head><body>Do nothing</body></html>"; var newTitle = "Updated title information"; ``` I tried using parseXML() in jQuery (example below), but it is not working: ``` var doc= $($.parseXML(str)); doc.find('title').text(newTitle); str=doc.text(); ``` Is there a different way to find and replace text inside HTML tags? Regex or may be using replaceWith() or something similar?

Original source