内容を含む文字列からすべてのhtmlタグを取得する（正規表現のみ）

Question

例外なく、すべてのhtmlタグを文字列から取得しようとしています。明確にするために、厳密に文字列のみで、HTMLオブジェクトに変換する必要はありません。私は1つの正規表現を作成しましたが、それはコンテンツなしでタグをつかむだけです。

var text = '<div class="mura-region-local"><p>In October 2010, Lisa and Eugene Jeffers learned that their daughter Jade, then nearly 2 and a half years old, has autism. The diagnosis felt like a double whammy. The parents were soon engulfed by stress from juggling Jade’s new therapy appointments and wrangling with their health insurance provider, but they now had an infant son to worry about, too. Autism runs in families. Would Bradley follow in his big sister’s footsteps?</p></div><img href=""/>' 
 

 
var match = text.match(/<?\w+((\s+\w+(\s*=\s*(?:".*?"|'.*?'|[\^'">\s]+))?)+\s*|\s*)?>/g); 
 

 
console.log(match);

Answer 1

あなたはすべての可能なタグの<smth>...</smth>のペアを見つけることができません。あなたはtagB内のtagAとtagA内のtagBをすべてのタグについて認識する正規表現を作ることはできません。これらのすべての組み合わせを直接記述する必要があり、そのような正規表現は不可能になります。

しかし、<smth ....>、</smth>、<smth..../>というタグだけを正しい順序でチェックする必要はありません。

<(?:\w+(?:\s+\w+=(?:"[^"]*"|'[^']*'))*\/?|(?:\/\w+))> 

Hereが試験です。