替換DIV中除html標籤外的每個文本正則表達式

Question

我試圖替換DIV中的所有文本，其中包括兒童內部，而不更改任何html標籤。在我的例子中，我想通過'Hi'來更改所有'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>