Javascript find and replace string within substring not using jquery

Question

Hi can someone convert this jquery in to plain javascript?

$("body *").each(function () { 
    $(this).html($(this).html().replace(/\[br\]/\g,'<br/>')); 
});

What it does is, it finds all [br] and then replace it with <br/>

The code above works perfectly in chrome but not in mozilla and IE so i need to execute it in plain javascript. many thanks to all!

Why on earth would you want to do this in the first place? O_o — Pekka
– Pekka, Commented Sep 8, 2011 at 8:30
jQuery iexists to make cross-browser development easier. There is another problem somewhere. — Jamiec
– Jamiec, Commented Sep 8, 2011 at 8:31

Victor · Accepted Answer · 2011-09-08 08:30:31Z

2

Try this:

window.onload=function(){
  document.body.innerHTML = document.body.innerHTML.replace( /\[br\]/g,'<br/>');
}

ps. In your code, there is a bug: instead of /\[br\]/\g should be /\[br\]/g

answered Sep 8, 2011 at 8:30

Victor

5,7992 gold badges29 silver badges29 bronze badges

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

Comments

Jamiec · Accepted Answer · 2011-09-08 08:36:53Z

0

The problem was that you had an illegal character in your regular expression.

This works: $(this).html($(this).html().replace(/\[br\]/g,'<br/>'));

Live example: http://jsfiddle.net/tqksm/

answered Sep 8, 2011 at 8:36

Jamiec

136k15 gold badges143 silver badges202 bronze badges

10 Comments

frank Over a year ago

this is what i like about stackoverflow.. so many answers in less than 10 minutes.. you guys rock!!.. thanks

Pekka Over a year ago

@frank that's nice to hear, but what is the point of what you're doing in the first place? From where I'm standing, this looks completely pointless. What's the idea behind it?

frank Over a year ago

in my web application, if I see these characters { } ; \n. i replaced it with [br] when it is saved in the database, so that when I print it in my web site it is replaced by the break line tag in html. That's it. Thanks

Jamiec Over a year ago

@frank - why dont you just replace those characters with <br/> before saving the to database. Saves some pretty intensive client-side work when displaying the data.

frank Over a year ago

Oh yeah I remember, the web container replaces this characters with the < and >

|

daveoncode · Accepted Answer · 2011-09-08 08:29:52Z

0

the problem is not jQuery. You have first to take a reference to the current html content, then apply the replace and finally inject the new html:

$("body *").each(function () { 
    var $this = $(this);
    var html = $this.html();
    $this.html(html.replace(/\[br\]/\g,'<br/>')); 
});

answered Sep 8, 2011 at 8:29

daveoncode

19.8k19 gold badges108 silver badges163 bronze badges

1 Comment

Jamiec Over a year ago

This is the same as the OP code. You've just split it out over more lines

Bas Slagter · Accepted Answer · 2011-09-08 08:31:34Z

0

I think your missing the point here...rewriting it in plain Javascript is likely to only make it worse for you. One of jQuery's purposes is to take away all the pain that comes while writing Javascript that must work on all browser. So...I think you'd be best off if you start looking for an alternative approach on your jQuery code instead of rewriting it to plain Javascript.

answered Sep 8, 2011 at 8:31

Bas Slagter

9,9479 gold badges51 silver badges81 bronze badges

Collectives™ on Stack Overflow

Javascript find and replace string within substring not using jquery

4 Answers 4

Comments

10 Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

10 Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related