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>");