<figure>で始まり、</figure>で終わる文字列の正規表現

Question

言語はjavascriptです。

・やりたいこと

"<figure>hogehog224343 ehoge</figure>
<figure>fuga　fugaああああ</figure>"

というような文字列があったとして(htmlを文字列化しています。)
figureタグの間に挟まれている文字列には半角数字、全角文字、全角空欄、半角空欄が含まれます。

<figure>で始まり、</figure>で終わる一まとまりの文字列を配列に格納したいです。 つまり最終的には、

["<figure>hogehog224343 ehoge</figuire>", "<figure>fuga　fugaああああ</figure>"]

こんな感じの配列を取得したいです。

・やったこと

const html = "<figure>hogehog224343 ehoge</figuire>
              <figure>fuga　fugaああああ</figure>"

html.match(/^<figure>[\s\S]</figure>$/gm)

上記のような正規表現を書いてみたのですが、
matchの結果がnullになってしまいます。調べてもわからなかったので、お聞かせ願えますでしょうか。

何卒よろしくお願いします。

Answer 1

var str=`<figure>hogehog224343 ehoge</figure>
<figure>fuga　fugaああああ</figure>`;
var tmp=Object.assign(document.createElement('div'),{innerHTML:str});
console.log(tmp);
var figures=[...tmp.querySelectorAll('figure')].map(x=>x.outerHTML);
console.log(figures);

Comments

[tomoharu]

できました！ありがとうございます！

Answer 2

• [\s\S]は1文字としかマッチしません。
• 複数マッチさせたいのであれば、^...$として完全一致させるのは不適当です。