How to Loop and Replace Characters inside an Element

Question

Can you please take a look at This Demo and let me know how I can loop through and element like <pre> and replace all < and > with some new characters like:

.replace("<", "1");
.replace(">", "2");

if we have a <pre> like

<pre>
    < This is a test < which must > replace >
</pre>

Thanks

like http://jsfiddle.net/arunpjohny/xLea235h/1/ ? – Arun P Johny Sep 18 '14 at 03:38 — Arun P Johny, Sep 18 '14 at 03:38

score 2 · Accepted Answer · answered Sep 18 '14 at 03:39

2

You can use .text() and String.replace() using an RegExp

$('pre').text(function(i, text){
    return text.replace(/</g, '1').replace(/>/g, '2')
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<pre>
    < This is a test < which must > replace >
</pre>

answered Sep 18 '14 at 03:39

Arun P Johny

384,651
66
527
531

just one question? is this going to work in case of having several `
```
` in the page?
```
– user3649067 Sep 18 '14 at 03:46
@user3649067 contents of each `pre` will be replaced with the same logic – Arun P Johny Sep 18 '14 at 03:49

score 0 · Answer 2 · edited May 23 '17 at 11:57

0

may be like

var test = $("pre").text();

var k = test.split("<").join(1).split(">").join(2);

alert(k);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<pre>< This is a test < which must > replace ></pre>

reference : How to replace all occurrences of a string in JavaScript?

edited May 23 '17 at 11:57

Community

1
1

answered Sep 18 '14 at 03:44

Mithun Satheesh

27,240
14
77
101

How to Loop and Replace Characters inside an Element

2 Answers2