javascript/jQuery找到所有字符串並替換 - 但是

Question

找到所有的單詞並替換 - 但只包含不包含在鏈接中的單詞。

<div class="test"> 

<br /> 
<a href="#">TEST</a> 
<br /> 
TEST 
</div> 

<div class="test"> 

<br /> 
<a href="#">TEST</a> 
<br /> 
TEST 
</div> 

查找所有「測試」僅在鏈接中不存在。

Answer 1

可以使用contents()以避免過濾出DOM文本節點（其jQuery也默認情況下）：

http://jsfiddle.net/TrueBlueAussie/Ln1Lvakc/7/

$('.test').contents().filter(function() { 
    return this.nodeType == 3 && $.trim(this.nodeValue) == "TEST"; 
}).replaceWith("hello!"); 

筆記：

• nodeType 3是一個文本節點
• $.trim是一個方便的jQuery靜態方法來修剪字符串（因爲不是所有的瀏覽器都.trim對字符串）
• 在你實際上並不需要修剪這種特殊情況下，但它在HTML