Replace every texts except html tag inside DIV Regex

Question

I'm trying to replace all the text in a DIV, including inside children without change any html tags. In my example, I would like to change all the 'Hello' by 'Hi'. Thanks a lot.

var changes = $('div').html().replace('Hello','Hi');

$('div').html(changes);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
  <p class="hello">Hello World</p>
  Hello World<br>
  <span class="world">Hello World</span>
</div>

@Andreas Not sure if that's really a dupe for this. `:)` – Praveen Kumar Purushothaman Oct 04 '16 at 13:17 — Praveen Kumar Purushothaman, Oct 04 '16 at 13:17
Hey @Bruno, do you want to reopen this question? – Praveen Kumar Purushothaman Oct 04 '16 at 13:30 — Praveen Kumar Purushothaman, Oct 04 '16 at 13:30
Have you found the solution? Is my solution working? – Praveen Kumar Purushothaman Oct 04 '16 at 13:34 — Praveen Kumar Purushothaman, Oct 04 '16 at 13:34

score 4 · Accepted Answer · answered Oct 04 '16 at 13:16

4

The replace with a string parameter is not capable of replacing more than once. You need RegEx with a g (global) flag to replace all.

var changes = $('div').html().replace(/Hello/g,'Hi');
$('div').html(changes);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
  <p class="hello">Hello World</p>
  Hello World<br>
  <span class="world">Hello World</span>
</div>

answered Oct 04 '16 at 13:16

Praveen Kumar Purushothaman

164,888
24
203
252

1

I would also add `i` to the regex (`/Hello/gi`) so it's case insensitive - if that fits your needs – Jameson the dog Oct 04 '16 at 13:27
Agreed with @Jamesonthedog... If it needs case sensitivity. – Praveen Kumar Purushothaman Oct 04 '16 at 13:27
Okay thanks a lot, my problem was to have used .text() instead of .html() – Bruno Landowski Oct 04 '16 at 13:33

Replace every texts except html tag inside DIV Regex

1 Answers1