Regex to escape HTML Tag

Question

I want to extract from an html tag string name only. I would like to obtain this result:

Farm 1
STAGING
STAGING_SYSTEM_10

what type regular expression can I use?

<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>

Use an HTML parser and not a regex. The effects of a regex with HTML can be [unfortunate](http://stackoverflow.com/a/1732454/67392). — Richard, Apr 01 '15 at 08:29

Wiktor Stribiżew · Answer 1 · 2015-04-01T09:29:44.967

In case you have to use regex, here is the sample code:

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])
}

In case you can parse it with DOM, use this code:

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>

The question says the HTML is in a string. You'd need to turn it into a DOM before you could do that. — Quentin, Apr 01 '15 at 08:55
Thanks ! var re = /
]*?>(?:<(\S+)[^>]*?>[^<]*?<\/\1>)+([^<]*?)(?= — user3790694, Apr 01 '15 at 11:52

Regex to escape HTML Tag

1 Answers1