Javascript 正则表达式失败

Question

我在 Javascript 中的正则表达式方面遇到了一个非常基本的问题，我正在努力让它工作。

想要删除

<text id="toto2" class="classTest">useless</text>

在以下字符串中:

<svg><text id="toto"></text><text id="toto2" class="classTest">useless</text></svg>

所以，这是我的代码:

var svgStr = '<svg><text id="toto"></text><text id="toto2" class="classTest">useless</text></svg>';
svgStr = svgStr.replace(/<text(.)*?class="classTest"(.)*?>(.)*?<\/text>/gm, '');
alert(svgStr);

它只打印:

    '<svg></svg>'

(它正在删除所有 节点)。我真的不明白我在这里做错了什么，感谢任何帮助!

谢谢!

Answer 1

这是您的正则表达式正在执行的操作:

• 好的，查找 <text ...找到了它(在 <text id="toto"> 中)。
• 现在将所有内容与我第一次找到的 class="classTest" 进行匹配，好吧，发现(在 <text id="toto2" class="classTest"> 中)
• 接下来查找下一个之前的所有内容 > ，嗯，这就是字面上的意思(在 class="classTest" 之后)
• 最后，找到下一个之前的所有内容 </text> ，就在 </svg> 之前找到的.
• 删除所有匹配项。

所以比赛从第一个开始 <text ， IE。第一个节点，并在第一个</text>处结束之后class="classTest" ，这是最后一个节点。换句话说，将其全部删除。

试试这个:

/<text[^>]+?class="classTest"[^>]*>.*?<\/text>/g