REGEX 用于匹配开始和结束跨度标签，而无需其内部文本

Question

我正在使用以下正则表达式在字符串中进行替换：

<\/?(span)\b(?:\s+class="highlight")?>

但是这个正则表达式有一个缺陷...以这个示例代码为例：

<p>
   Some text here
   <span class="highlight">This is highlighted</span>
   <span>This is not highlighted</span>
</p>

我的正则表达式将匹配两个 span 标签，尽管我只想要带有 class=" 的一个突出显示”设置。如何使用正则表达式实现这一目标？

PS：请不要告诉我我不应该为此使用正则表达式，因为我会降低你的答案，因为它是偏离主题的。这是 RegEx 人员的问题。

编辑：根据下面接受的答案，我使用以下正则表达式进行替换 注意：代码位于 javascript (mootools) 中

var regex = new RegExp("(<span[^>]+class\\s*=\\s*(\"|')highlight\\2[^>]*>)(.*?)(</span>)",'g');
var replaced = element.get('html').replace(regex, "$3");
element.set('html', replaced);

上面的正则表达式将用“此处的一些文本”替换此处的一些文本（不带双引号）

Answer 1

这应该提供最大的灵活性。

(<span[^>]+class\s*=\s*("|')highlight\2[^>]*>)[^<]*(</span>)

更新：

开始和结束标记所需的捕获组是 \1 和 \3。

Answer 2

只是为了向您展示替代解决方案不仅是可能的，而且比使用正则表达式更好：

$('span.highlight').each(function (node, idx, Elem) {
    var txt = document.createTextNode(Elem.get('text'));
    node.parentNode.replaceChild(txt, node)
});

请参阅此小提琴：http://jsfiddle.net/Tomalak/umgZp/

（这只是我的想象，到目前为止我对 MooTools 的接触为零。可能还有更多比这更优雅的方式。）

Answer 3

您显然是在声明 class=highlight 部分是可选的，通过在捕获它的组前面放置 ? 。

这应该可以为您完成：

var regex = /(?:<span\s+[^>]*?\s*class\s*=\s*('|")(?:\S+\s+)?highlight(?:\s+\S+)?\1[^>]*>|<\/span>/;

这还将包括具有类属性的 SPAN 标记，例如 abc height ef g。

另外，如果您想捕获具有匹配结尾的 SPAN 标记，您可以使用此标记，并分别访问组 1 和 3 作为开始标记和结束标记：

var regex = /(<span\s+[^>]*?\s*class\s*=\s*('|")(?:\S+\s+)?highlight(?:\s+\S+)?\1[^>]*>).*?(<\/span>)/;