Javascript replace from to

Question

I found good tutorials on how to do a string replace all for a string, but how to replace from a to b ?

Lets say we have this selector

$('a.mylink')

This selector will return something like

<a class="micro_avatar my_avatar"></a> 
<a href="#!/users/user_name" style="background: 
  url(https://secure.gravatar.com/avatar/randomnumber?size=24&default=mm) 
  no-repeat" class="micro_avatar"></a>
http://www.youtube.com/watch?v=_sgu7CioctU

In the page that Im testing this, will find multiple ocurrences of this w variations ( imagine a blog and each post have this inside).

Now we want to replace all the ocurrences to look like this

<a class="micro_avatar my_avatar"></a> 
<a ** rel='nofollow' ** href="#!/users/user_name" style="background: 
  url(https://secure.gravatar.com/avatar/randomnumber?size=24&default=mm) 
  no-repeat" class="micro_avatar"></a>

**<iframe width="560" height="315" src="** http://www.youtube.com/embed/_sgu7CioctU
**" frameborder="0" allowfullscreen></iframe>**

The trick part is not all the youtube links will have the same link.

"This will return 4" - I don't understand. The numeric value 4 doesn't make sense, four elements doesn't make sense given that the selector 'a.mylink' won't match the html you've shown. What does $('a.mylink') have to do with the rest of your question? Are you saying the first code block is actually the content of a string and you want to change it to look like the second, or is that somewhere in your document's body, or...? — nnnnnn
– nnnnnn, Commented Jun 20, 2013 at 9:38

Suresh Atta · Accepted Answer · 2013-06-20 09:42:47Z

1

Use Javascript substr

var result = 
    val.substr(a, b);

edited Jun 20, 2013 at 9:42

answered Jun 20, 2013 at 9:37

Suresh Atta

122k38 gold badges206 silver badges315 bronze badges

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

Comments

Rohan Kumar · Accepted Answer · 2013-06-20 09:54:54Z

1

Try this,

Updated

HTML

<span class="youtube_url">http://www.youtube.com/embed/_sgu7CioctU</span>

SCRIPT

$('.micro_avatar:not(.my_avatar)').attr('rel',nofollow);
$('<iframe>', {
   src: $('.youtube_url').text(),
   id:  'myFrame',
   width: 560,
   allowfullscreen: true,
   height:350
}).appendTo('body');

edited Jun 20, 2013 at 9:54

answered Jun 20, 2013 at 9:43

Rohan Kumar

40.7k11 gold badges81 silver badges111 bronze badges

2 Comments

Nonyck Over a year ago

problem here is the youtube Url is not alw the same one, so we have to parse the url id for each case

Rohan Kumar Over a year ago

You should store the youtube url in an element, then you can fetch in script. Check the above answer I've made changes in it.

Collectives™ on Stack Overflow

Javascript replace from to

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related