How to replace Specific URL and replace with Html text using Jquery expression?

Question

Hello I want to replace Website Link with some Html text.

I want to replace Link with specific word for eq. I have facebook URL as below http://www.facebook.com/chitralekha.in

I want to replace this http://www.facebook.com/ URL with
<a href='http://www.facebook.com/chitralekha.in'> chitralekha.in </a> in every place in Html page.

I have facebook label with facebook Link

<label id="lblfacebook">www.facebook.com/chitralekha.in</label>

I want it replace with
<label id="lblfacebook"> <a href='www.facebook.com/chitralekha.in'> chitralekha.in</a></label>

my website URL is fixed for example. http://www.facebook.com or http://facebook.com.
How can achieve it using Jquery regular expression.?

Please can you explain yourself more so we can all understand? ;-) — Gary Green
– Gary Green, Commented Apr 19, 2011 at 12:40

Town · Accepted Answer · 2011-04-19 13:25:18Z

1

I think this is what you're after: Demo

var re = new RegExp("(http:\/\/(?:www\.)?facebook.com)","gi");
$("body").html($("body").html().replace(re, "<a href='$1/chitralekha.in'> chitralekha.in </a>"));

And for grabbing the username too: Demo

edited Apr 19, 2011 at 13:25

answered Apr 19, 2011 at 13:04

Town

14.9k3 gold badges50 silver badges72 bronze badges

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

12 Comments

Abhishek B. Over a year ago

Thanks @Town, Can we do "Chitralekha.in" dynamic after facebook link Can I get username dynamic replace with fixed "chitralekha.in" in above example

Town Over a year ago

@Abhishek: You mean you want to start with www.facebook.com/username rather than just www.facebook.com ?

Town Over a year ago

@Abhishek: Yes, see the update to my answer. You'll have to change the [^<]* part to match with what you're expecting in your string - this looks for anything that isn't a <.

Abhishek B. Over a year ago

@Town I want like this If URL www.facebook.com/abcd I want result lik <a href='facebook.com/abcd'; target='_blank'> abcd </a>.. in this case Username is "abcd" so It should be dynamic. please gave me soultion.

Town Over a year ago

@Abhishek: That's what the update already does! See here

|

Eric Frick · Accepted Answer · 2011-04-19 12:44:02Z

0

It can be done with a regular expression. You look for the text that you want to replace and you do it.

answered Apr 19, 2011 at 12:44

Eric Frick

8572 gold badges7 silver badges18 bronze badges

5 Comments

Eric Frick Over a year ago

i'm not a genious in regexp, but you can filter literal characters like this: \bTEXT\b

Abhishek B. Over a year ago

Thanks @Erick for suggestion. I trying regular expression.. in my Html tag <label id='lblfacebook'>www.facebook.com/chitralekha.in</label> I trying replace with <label id='lblfacebook'><a href='www.facebook.com/chitralekha.in' >chitralekha.in</a></label>..

Town Over a year ago

@Eric Frick: You can edit your answer rather than posting multiple answers.

Eric Frick Over a year ago

how can i add an comment to a post?

Town Over a year ago

@Eric Frick: You can either click the 'edit' link below your answer to change it, or if you want to add a comment then just keep doing what you've done here ;)

Eric Frick · Accepted Answer · 2011-04-19 12:51:18Z

0

$("#selector").filter(function(){
 return this.value.match(\bhttp://www.facebook.com/\b)
});

answered Apr 19, 2011 at 12:51

Eric Frick

8572 gold badges7 silver badges18 bronze badges

Collectives™ on Stack Overflow

How to replace Specific URL and replace with Html text using Jquery expression?

3 Answers 3

12 Comments

5 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

12 Comments

5 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related