Question

我一直在尋找，我發現這個Question堆棧溢出 所以我一直在努力使它與我的代碼工作，我似乎無法得到它工作。

html = '<li style="list-style:none;">'; 
       cmnt = this.comment.replace(new RegExp("(" + preg_quote(firsttext) + ")" , 'gi'), "<span class='cutecl'>$1</span>"); 
       cmnt = cmnt.replace(new RegExp("(" + preg_quote(secondtext) + ")" , 'gi'), "<span class='wincl'>$1</span>"); 
       cmnt = cmnt.replace(new RegExp("(" + preg_quote(thirdtext) + ")" , 'gi'), "<span class='failcl'>$1</span>"); 
       html += cmnt; 
       html += '<br/><a href="http://www.youtube.com/userPage.php?author='+escape(this.author)+'">'+this.author+'</a>'; 
       html += '<span class="label"> - '+(this.published.getMonth() + 1)+'/'+this.published.getDate()+'/'+this.published.getFullYear()+'</span>'; 
       html += '</li>'; 
       $('#comment').append(html); 

，當然還有：

function preg_quote(str) { 
return (str+'').replace(/([\\\.\+\*\?\[\^\]\$\(\)\{\}\=\!\<\>\|\:])/g, "\\$1"); 

}

時，我有

cmnt = this.comment.replace(new RegExp("(" + preg_quote(firsttext) + ")" , 'gi'), "<span class='cutecl'>$1</span>"); 
      cmnt = cmnt.replace(new RegExp("(" + preg_quote(secondtext) + ")" , 'gi'), "<span class='wincl'>$1</span>"); 
      cmnt = cmnt.replace(new RegExp("(" + preg_quote(thirdtext) + ")" , 'gi'), "<span class='failcl'>$1</span>"); 

包括在我的代碼什麼時，我想它來創建，李出現，但如果它走了，它工作正常，任何線索我做錯了什麼？在此先感謝，阿里

這是問題的一個小提琴：http://jsfiddle.net/Yg8Qe/2/

Answer 1

從OP獲得更多信息後，這裏的修復：不要硬編碼$1 S IN的替換字符串。

function preg_quote(str) { 
    return (str + '').replace(/([\\\.\+\*\?\[\^\]\$\(\)\{\}\=\!\<\>\|\:])/g, "\\$1"); 
} 

function wrap(data, search, before, after) { 
    return data.replace(new RegExp(preg_quote(search), 'gi'), before + search + after); 
} 

var var1 = "var1", 
    var2 = "var2", 
    var3 = "var3", 
    cmnt = "this comment will be replaced with var1 var2 var3"; 

cmnt = wrap(cmnt, 'var1', '<span class="cutecl">', '</span>'); 
cmnt = wrap(cmnt, 'var2', '<span class="wincl">', '</span>'); 
cmnt = wrap(cmnt, 'var3', '<span class="failcl">', '</span>'); 

$('#comment').append('<li style="list-style:none;">' + cmnt + '</li>'); 

許多這裏代碼清理的：縮進，分號，消除不必要的變量，並把該「包裝」邏輯到一個很好的，可重複使用的功能。

Demo →

---

它看起來像你錯過了在該代碼的第一線cmnt = this.comment. 「是行不通的。」

// ↓↓↓ right here 
cmnt = this.comment.replace(new RegExp("(" + preg_quote(firsttext) + ")" , 'gi'), "<span class='cutecl'>$1</span>"); 
cmnt = cmnt.replace(new RegExp("(" + preg_quote(secondtext) + ")" , 'gi'), "<span class='wincl'>$1</span>"); 
cmnt = cmnt.replace(new RegExp("(" + preg_quote(thirdtext) + ")" , 'gi'), "<span class='failcl'>$1</span>");