Javascript RegExp lookbehind

Question

我遇到以下問題。我想用Javascript中的以下字符串替換單詞「snippet」

<p>This is a <span class="snippet-expansion">snippet<span><p> 

但我想保留class =「snippet-expansion」。

另一種情況可能是

<p>This is a snippet within a text<p> 

在第二種情況下的結果應該是

<p>This is a <span class="highlight-searchterm">snippet</span> within a text<p> 

通常情況下，我會做到這一點與在正則表達式的回顧後，但這些都不是可用的JavaScript。

有人可以幫我嗎？

Answer 1

作品具有前瞻：

/snippet(?!-expansion)/ 

REF： https://regex101.com/r/lH5vA3/1

Answer 2

嘗試這種表達

var str='<p>This is a <span class="snippet-expansion">snippet<span><p>'; 

str.replace(/snippet.*?(\W|\s)+/g,function (val){ if(val.trim().match(/\W+/g) && !val.match(/</g)) return val; return val.replace(/snippet/g,'') }); 

Answer 3

尋找一個結束標記>和開放標籤<應爲工作之間的文本你的情況。

var str = '<p>This is a <span class="snippet-expansion">snippet<span><p>'; 
 
var rep = str.replace(/(>[^<>]*)snippet([^<>]*<)/, "$1foo$2"); 
 
document.getElementById("t").value = rep; 
 
document.getElementById("t").value += "\n\n"; 
 

 
var str1 = '<p>This is a snippet within a text<p>'; 
 
var rep1 = str1.replace(/(>[^<>]*)snippet([^<>]*<)/, "$1foo$2"); 
 
document.getElementById("t").value += rep1; 
 
document.getElementById("t").value += "\n\n"; 
 

 
var str2 = '<p>This is a <span class="highlight-searchterm">snippet</span> within a text<p>'; 
 
var rep2 = str2.replace(/(>[^<>]*)snippet([^<>]*<)/, "$1foo$2"); 
 
document.getElementById("t").value += rep2;

<textarea id="t" style="width: 500px; height: 200px;"></textarea>