regex101: extract cLasses ◂ outerHTML

^start of string

.*?any character (except for line terminators), repeated any number of times

<the literal < (60₁₀ / 74₈ / 3C₁₆)

Group 1(\w+)

\w+any word character, repeated at least once

\sany whitespace character

.*?any character (except for line terminators), repeated any number of times

class=the literal text class= (case sensitive)

Character Class["']

"the literal " (34₁₀ / 42₈ / 22₁₆)

'the literal ' (39₁₀ / 47₈ / 27₁₆)

Group 2((.*?\b\s)+?[\w]+)

Group 3(.*?\b\s)+?

+?repeats the group contents below at least once:

.*?any character (except for line terminators), repeated any number of times

\ban ASCII word boundary

\sany whitespace character

Character Class[\w]+

+matches at least one character from the set below:

\wany word character

"the literal " (34₁₀ / 42₈ / 22₁₆)

.*any character (except for line terminators), repeated any number of times

Global pattern flags

g modifier: global. Finds all matches instead of stopping after the first

Search reference

Regular Expression

^.*?<(\w+)\s.*?class=["']((.*?\b\s)+?[\w]+)".*

New

<div class="flex-none pointer link-quiet flex items-center justify-center circle overflow-hidden text-white parentComplementaryColoredBackground" style="width: 28px; height: 28px;"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" class="icon" style="shape-rendering: geometricPrecision;"><path fill-rule="evenodd" class="" fill="currentColor" d="M9,7 L9,3.5 C9,3.224 8.776,3 8.5,3 L7.5,3 C7.224,3 7,3.224 7,3.5 L7,7 L3.5,7 C3.224,7 3,7.224 3,7.5 L3,8.5 C3,8.776 3.224,9 3.5,9 L7,9 L7,12.5 C7,12.776 7.224,13 7.5,13 L8.5,13 C8.776,13 9,12.776 9,12.5 L9,9 L12.5,9 C12.776,9 13,8.776 13,8.5 L13,7.5 C13,7.224 12.776,7 12.5,7 L9,7 Z"></path></svg></div>

Regular Expressions 101

Regular Expression

Extraction