replace URL into HTML Jquery

Question

I have used static http:// url into my html(s) page, now i want to replace with empty string.

Suppose here is HTML Content:

<div id="MSO_ContentTable">
    <script type='text/javascript'> 
    function RedirectURL(RedUrl,curTab)
    {
       window.location.href='http://www.contoso.com/Sales/SitePages/'+RedUrl;
    }
    function nav2Lib(RedUrl)
    {
        NavigateHttpFolder('http://www.contoso.com/Sales/RFP%20Bank/'+h3url, '_blank');
    }
   function nav2Proposal(RedUrl)
   {
     NavigateHttpFolder('http://www.contoso.com/Sales/Proposals/'+h3url, '_blank');
   }
    </script>
  ........ lots of html contents
 </div>

Edit :

   $('#MSO_ContentTable').html().replace(/http://www.contoso.com/g,'');

I want to replace whole url "http://www.contoso.com/" to empty string.

Have you considered to read some documentation about RegExp? — Teemu
– Teemu, Commented Feb 6, 2014 at 6:00

Raja Jaganathan · Accepted Answer · 2014-02-06 06:06:35Z

1

Try this. I think you need to escape two forward slashes that's it.

$('#MSO_ContentTable').html().replace(/http:\/\/www.contoso.com/g,"");

answered Feb 6, 2014 at 6:06

Raja Jaganathan

36.7k4 gold badges34 silver badges37 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

olleicua · Accepted Answer · 2014-02-06 05:59:48Z

1

Slashes in regular expressions need to be escaped: /http:\/\/www.contoso.com/g. Alternately the replace method can take a string instead of a regular expression:

 var txt =  $('#MSO_ContentTable').html().replace('www.contoso.com','');

It's worth noting however that using a string here is technically different. It looks like in this case there is only ever going to be one replacement but if you actually want to replace every instance of the patter (as the g flag would indicate) a string will not work.

More info here: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions#Advanced_Searching_With_Flags

answered Feb 6, 2014 at 5:59

olleicua

2,1382 gold badges21 silver badges36 bronze badges

1 Comment

Jignesh Rajput Over a year ago

Thank you, i got idea from /http:\/\/www.contoso.com/g. and works for me.

Faust · Accepted Answer · 2014-02-06 06:03:59Z

1

The replace doesn't really need to use a regex, in your case (it's a simple replacement).

Also, in your code, you get the html from the table, perform an action on it, but then never set the resultant string back as the html of the table.

Try this:

$('#MSO_ContentTable').find([href^="http://www.contoso.com"]).each(function(){
    var href = $(this).attr('href');
    $(this).attr('href', href.replace('http://www.contoso.com', '');
});

It finds all children of the table with an href starting with http://www.contoso.com` and then replaces each href with empty string.

edited Feb 6, 2014 at 6:03

answered Feb 6, 2014 at 5:58

Faust

15.5k10 gold badges58 silver badges116 bronze badges

3 Comments

Jignesh Rajput Over a year ago

Sorry to say, I think you are mis-understading of my requirement. I have update question. please have a look

Jignesh Rajput Over a year ago

Thanks for your update, but it does not work for NavigateHttpFolder('http://www.contoso.com/') like this content.

Faust Over a year ago

Notice that the find I'm using is regex-like: the ^= means any href that starts with http://www.contoso.com

developerCK · Accepted Answer · 2014-02-06 06:01:31Z

0

Your code is working,

You can check on fiddle.

var txt = $('#MSO_ContentTable').html();
alert(txt.replace(/www.contoso.com/g,''));

http://jsfiddle.net/mUMwd/

answered Feb 6, 2014 at 6:01

developerCK

4,5263 gold badges19 silver badges35 bronze badges

Collectives™ on Stack Overflow

replace URL into HTML Jquery

Edit :

4 Answers 4

Comments

1 Comment

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

Edit :

4 Answers 4

Comments

1 Comment

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related