javascript - 使用 Javascript(正则表达式)查找不在 HTML 标签内的文本

Question

我有一个来自 DOM 元素的字符串，其中包含类似于以下内容的内容:

<span class='greenhornet'>Can you catch the green?</span>

我需要知道单词green的位置。

在这种情况下，如果我设置一个模式 /green/ , JS exec()当然会返回第一次出现的green(位置13)。

有没有办法告诉 JS 正则表达式忽略 ! green 这个词，如果它在 < 之间和 >或者有更简单的方法吗？

哦，我也不能只删除 HTML!

谢谢。

Answer 1

正如评论者(和 user1883592)所建议的那样，剥离 HTML 或从 HTML 中解析文本是这里的正确答案。在 HTML 中使用正则表达式是输家的游戏；你已经被警告过了。

但是，话虽这么说，如果您真的想玩那个游戏，我首先要确保您的任期和最后一个右括号之间没有左括号；换句话说:

var greenRegex = />[^<]+(green)/;
var position = "<span class='greenhornet'>Can you catch the green?</span>".search(greenRegex);
// position = 25, not 13