Заменить все тексты, кроме тега html внутри DIV Regex

Question

Я пытаюсь заменить весь текст в DIV, включая внутри детей без изменения каких-либо html-тегов. В моем примере я хотел бы изменить все «Hello» на «Привет». Большое спасибо.

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>

Answer 1

replace с параметром строки не способен заменить более чем один раз. Для замены всех требуется RegEx с флагом g (глобальный).

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>