how to replace a string in javascript after the specific index

Question

Hi I am having the string which contains html content and I want use javascript to replace the tag <p class="MsoNormal"> with '' empty space and i want to replace corresponding closing tag </p> with <br> tag in that string.

If I use

first line:

str=str.replace(/<p class=\"MsoNormal\">/g,'');    

second line: str=str.replace(/<\/p>/g,'<br>');

All the closing </p> tag get remove .But i want to replace the closing </p> tag which has the opening tag of "<p class="MsoNormal">".

The first line of script is okay of me .What should i use to replace that corresponding closing tag in the second line.

Answer 1

Check this: Output is what I got from your question is to replace with Empty String

var replaceTag = function(str, replaceTagString, endTagString) {
    var str = '';
    while(str.indexOf(replaceTagString) != -1) {
        //search for </p> after my matched String
        var indexOfClosingTag = str.indexOf(endTagString, str.indexOf(replaceTagString))
        //Replace </p> using Substring
        str = str.substr(0,indexOfClosingTag) + "<br>" + str.substr(indexOfClosingTag + endTagString.length,k.length)
        //Replace your main String
        str = str.replace(replaceTagString,'')
    }
    return str
}

var k = "<p class='MsoNormal'>something</p><p>other p tag</p><h1>I am h1</h1><p>Hello p</p><p class='MsoNormal'>Replace My Tag too</p>"

replaceTag(k, "<p class='MsoNormal'>", "</p>")

Output:

"something<p>other p tag</p><h1>I am h1</h1><p>Hello p</p>Replace My Tag too"

Concept:

string.indexOf(searchvalue,start)

Start searching for End of the Tag (P) after my current matched string position

Answer 2

Define a function yourself like this-->

String.prototype.replaceAt=function(index, character) {
        return this.substr(0, index) + character + this.substr(index+character.length);
    }

And use it like this:

str = str.replaceAt(3, "</p>");