Javascript正则表达式: matching a span element with a certain class,从头到尾

Question

我正在尝试匹配 span具有特定类名的元素以及其开始和结束之间的所有内容。

我的正则表达式是 /<\/?(span)[^>]*"myClass".*?<\/span>/gi 。它适用于 <span class="myClass">...</span> ，但它在类似下面的情况下失败，仅扩展到第一个 </span> :

<span class="myClass"> ... <span class="anything else"> ... </span> ... </span>

如何从头到尾匹配所有内容？

Answer 1

这个正则表达式应该可以为您完成工作:

/span\s(?:class="myClass")>(.*)<\/span\>/

var txt = '<span class="myClass"><span class="anything else"></span></span>';
txt.match(/span\s(?:class="myClass")>(.*)<\/span\>/)

输出

["span class="myClass"><span class="anything else"></span></span>", "<span class="anything else"></span>"]

var txt = '<span class="myClass">foobar</span>';
txt.match(/span\s(?:class="myClass")>(.*)<\/span\>/)

输出

["span class="myClass">foobar</span>", "foobar"]