正则表达式匹配没有其内部文本的开始和结束跨度标签

Question

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

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

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

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

我的正则表达式将匹配两个跨度标签，尽管我只想要一个设置了 class="highlight" 的标签。如何使用 RegEx 实现这一目标？

PS：请不要告诉我我不应该为此使用 RegEx，因为我会降低你的答案，因为它是题外话。这是 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

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

$$('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 标记，例如 a b c highlight e f g。

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

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