Jquery Replace all element not working

Question

I have a problem in my project. I want to replace > to ». I used this jquery to change it. But only one element is changing. Second one is not change. This is HTML:

<div id="breadcrumbs"><a href="#" class="home">Home</a> &gt; <a href="#">Second-page</a> &gt; Third-page</div>

This is jquery:

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

Thanks.

And in my opinion is better to use css pseudo-elements like :after and :before, and remove from markup > simbols — Victor Sitnic, Dec 20 '14 at 15:43

score -1 · Answer 1 · edited May 06 '16 at 21:02

-1

jQuery("#breadcrumbs").each(function(){
    jQuery(this).html(jQuery(".breadcrumbs").html().replace('&gt;', '»'));
})

I think this will help , small remark: don't put more that one ID on page, use classes inside.

edited May 06 '16 at 21:02

marc_s

732,580
175
1,330
1,459

answered Dec 20 '14 at 15:39

Victor Sitnic

380
2
6

Thanks. Not working. – sameeuor Dec 20 '14 at 16:08

Jquery Replace all element not working

1 Answers1