jquery/javascript：正则表达式来代替html标签的实例

Question

我想要采取一些解析XML数据，搜索标签的实例并替换该标签（以及任何可能在字体标签内），以及用一个简单的标签替换它。

这是我怎么一直在做我的正则表达式：

var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/; //Test against valid email 
console.log('regex: ' + emailReg.test(testString)); 

，所以我想通了字体正则表达式将是这样的：

var fontReg = /'<'+font+'[^><]*>|<.'+font+'[^><]*>','g'/; 
console.log('regex: ' + fontReg.test(testString)); 

，但不工作。任何人都知道如何做到这一点？或者我在上面的代码中可能做错了什么？

Answer 1

我认为namuol'sanswer将更好地为您服务，然后任何基于RegExp的解决方案，但我也认为RegExp值得一些解释。

---

的JavaScript不允许在正则表达式文字变量值的插值。

引号变成文字字符匹配，并且加法运算符变为1或更多量词。所以，当前的正则表达式成为能够符合这些的：

# left of the pipe `|` 
'<'font'> 
'<''''fontttt'> 

# right of the pipe `|` 
<@'font'>','g' 
<@''''fontttttt'>','g' 

但是，它不会匹配这些：

<font> 
</font> 

要注入的变量值转换成正则表达式，你需要使用构造和字符串连接：

var fontReg = new RegExp('<' + font + '[^><]*>|<.' + font + '[^><]*>', 'g'); 

在另一方面，如果你的意思是字面font，那么你只需要：

var fontReg = /<font[^><]*>|<.font[^><]*>/g; 

而且，每一类又可以通过使用.?，允许结合的半缩短：

var fontReg = new RegExp('<.?' + font + '[^><]*>', 'g'); 
var fontReg = /<.?font[^><]*>/g; 

Answer 2

如果我正确理解你的问题，这使用jQuery应全部更换font标签简单span标签：

$('font').replaceWith(function() { 
    return $('<span>').append($(this).contents()); 
}); 

这里的工作小提琴：http://jsfiddle.net/RhLmk/2/