Jquery正则表达式替换开始和结束标记是字符串

Question

Here is my html that I am trying to locate in a string, and replace whole thing (itself and its children) with new html.

I want to replace everything between and including <div id="image_insert">...</div> with (for example) "test". Is this possible?

I've tried:

content.replace('<div id="image_insert">[entire string in here]</div>', 'test');
content.replace(/<div id="image_insert">[entire string in here]</div>/g, 'test');
content.replace(/<div id="image_insert"></div>/g, 'test');

But with no effect. Any thoughts? Not very good at regex's.

Answer 1

You just need to escape slash in the </div> . And (.*) is regular expression for any possible characters. So this will work:

   content = content.replace(/<div id="image_insert">(.*)<\/div>/g, 'test');

Have a look: http://jsfiddle.net/J84nt/1/

Answer 2

Are you trying to modify the DOM, or only the string? If your goal is to modify the DOM, then you can use jQuery's replaceWith instead of RegEx.