jquery/javascript: replace string inside of html()?

Question

the following variable …

var breadcrumbs = $('#trail').html();

… contains:

<href="page1/">Page 1</a> » <a href="page2">Page 2</a> » <a href="page3">Page 3</a>

How can I replace each » with something else?

Generally it would be better to do such manipulations as DOM elements instead of as a String. Could you describe what you're ultimately trying to do? — user113716
– user113716, Commented Mar 7, 2011 at 23:01
Well whatever. Just be wary of subtle changes to the HTML string returned by .html() in some browsers that will break the .replace(). — user113716
– user113716, Commented Mar 7, 2011 at 23:10

rfunduk · Accepted Answer · 2011-03-07 22:30:41Z

15

Just a regular old replace should do it. Be careful about », it might be written as » in the markup or something...

breadcrumbs.replace( new RegExp("<strong>»</strong>", 'g'), "something else" );

answered Mar 7, 2011 at 22:24

rfunduk

30.5k5 gold badges61 silver badges55 bronze badges

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

1 Comment

Sidenote: » really should be written as » in your markup.

Will · Accepted Answer · 2011-03-07 22:24:53Z

5

breadcrumbs.replace("<strong>»</strong>","new string");

or, depending on how you have written the » character

breadcrumbs.replace("<strong>&raquo;</strong>","new string");

answered Mar 7, 2011 at 22:24

Will

20.3k7 gold badges49 silver badges48 bronze badges

The difference between this and my answer is that this will only replace a single instance in the breadcrumbs string.

You hadn't answered when I posted my answer. We must have posted at the same time.

Yea, it happens. Just wanted to point out the differences in our code for the asker.