jquery replace > character on html code

Question

I'm tring to change breadcrumbs arrow > (&gt) to » using jquery.

<div id="breadcrumbs"> <a title="Go to cbc." href="http://cbcsales.co.il/newsite" class="home">Home</a> > testpage</div>

I tried using following jquery. But tag is missing. It is replace <a> tag > character. Help me. Thanks

jQuery("#breadcrumbs").text(function(index, text) {
    return text.replace('>', '»');
    });

Why are you trying to replace a tag when it is clearly text? text.replace('>', '»')? — putvande
– putvande, Commented Dec 20, 2014 at 13:43

James Donnelly · Accepted Answer · 2014-12-20 13:54:27Z

4

Just call replace on the element itself, not within a function:

Demo

jQuery("#breadcrumbs").html(
    jQuery("#breadcrumbs").html().replace('&gt;', '»')
);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id="breadcrumbs"> 
    <a title="Go to cbc." href="http://cbcsales.co.il/newsite" class="home">Home</a>
    &gt; testpage
</div>

edited Dec 20, 2014 at 13:54

answered Dec 20, 2014 at 13:44

James Donnelly

129k35 gold badges215 silver badges224 bronze badges

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

6 Comments

James Donnelly Over a year ago

@putvande well spotted, fixed.

sameeuor Over a year ago

Thanks for reply. But home link is missing.

James Donnelly Over a year ago

@user3575182 see my updated answer. You need to use html() instead of text().

sameeuor Over a year ago

Ohh there is a problem. It is replacing in only one > second one is not changing.

James Donnelly Over a year ago

@user3575182 there is only one in your question.

|

Hussain Hamdani · Accepted Answer · 2014-12-20 14:21:31Z

2

Use .html() at .text() like this

jQuery("#breadcrumbs").html(jQuery("#breadcrumbs").html().replace("&gt;", "&raquo;"));

edited Dec 20, 2014 at 14:21

answered Dec 20, 2014 at 14:15

Hussain Hamdani

643 bronze badges

Comments

putvande · Accepted Answer · 2014-12-20 13:50:34Z

0

Your function was almost right, but you had to replace > with the > you've had written and .text for .html:

jQuery("#breadcrumbs").html(function(index, html) {
    return html.replace(/&gt;/g, '»');
});

Fiddle

answered Dec 20, 2014 at 13:50

putvande

15.3k3 gold badges37 silver badges51 bronze badges

Comments

Coder · Accepted Answer · 2014-12-20 13:51:41Z

0

var s = 'some+multi+word+string'.replace(/\+/g, ' ');

answered Dec 20, 2014 at 13:51

Coder

2402 gold badges5 silver badges21 bronze badges

Comments

Bill · Accepted Answer · 2014-12-20 13:53:52Z

0

Try to change the #breadcrumbs attribute inside the Jquery with the .home. You will see that the link is still there.

Fiddle

answered Dec 20, 2014 at 13:53

Bill

1621 silver badge11 bronze badges

Collectives™ on Stack Overflow

jquery replace > character on html code

5 Answers 5

Demo

6 Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Demo

6 Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related