正则表达式转义 HTML 标签答案

【问题标题】：Regex to escape HTML Tag正则表达式转义 HTML 标签
【发布时间】：2015-04-01 08:22:43
【问题描述】：

我只想从 html 标记字符串名称中提取。我想得到这个结果：

农场 1
分期
STAGING_SYSTEM_10

我可以使用什么类型的正则表达式？

<div class='singleNode'><i class='fa fa-cogs'></i><span>Farm 1<span class='badge badge-primary'></span><span></div>

 <div class='singleNode'><i class='fa fa-cubes'></i><span>STAGING<span class='badge badge-primary'></span><span></div>

<div class='singleNode'><i class='fa fa-desktop'></i><span>STAGING_SYSTEM_10<span class='badge badge-primary'></span><span></div>

【问题讨论】：

使用 HTML 解析器而不是正则表达式。带有 HTML 的正则表达式的效果可以是 unfortunate.

标签： javascript html regex

【解决方案1】：

如果你必须使用正则表达式，这里是示例代码：

var re = /<div[^>]*?>(?:<(\S+)[^>]*?>[^<]*?<\/\1>)+<span[^]*?>([^<]*?)(?=<span )/g; 
var str = '<div class=\'singleNode\'><i class=\'fa fa-cogs\'></i><span>Farm 1<span class=\'badge badge-primary\'></span><span></div>\n\n <div class=\'singleNode\'><i class=\'fa fa-cubes\'></i><span>STAGING<span class=\'badge badge-primary\'></span><span></div>\n\n<div class=\'singleNode\'><i class=\'fa fa-desktop\'></i><span>STAGING_SYSTEM_10<span class=\'badge badge-primary\'></span><span></div>';
var m;
 
while ((m = re.exec(str)) !== null) {
    if (m.index === re.lastIndex) {
        re.lastIndex++;
    }
    // View your result using the m-variable.
    // m[2] is the 2nd capture group, the text inside the DIV element
    alert(m[2])
}

如果您可以使用 DOM 解析它，请使用以下代码：

var input = document.getElementsByTagName("div");
for ($i = 0; $i < input.length; $i++)
{
   alert(input[$i].textContent);
}

<body>
<div class='singleNode'><i class='fa fa-cogs'></i><span>Farm 1<span class='badge badge-primary'></span><span></div>

 <div class='singleNode'><i class='fa fa-cubes'></i><span>STAGING<span class='badge badge-primary'></span><span></div>

<div class='singleNode'><i class='fa fa-desktop'></i><span>STAGING_SYSTEM_10<span class='badge badge-primary'></span><span></div>
  </body>

【讨论】：

问题说 HTML 在一个字符串中。你需要先把它变成一个 DOM，然后才能这样做。
@Quentin：我也添加了一个正则表达式解决方案。
谢谢！ var re = /
]*?>(?:]*?>[^)+ ([^