Javascript Regex: Получить HTML-теги

Question

Я сделал это регулярное выражение:

/\<+[a-zA-Z0-9\=\"\s]+\>+.+\<\/+[a-zA-Z0-9]+\>/gi

, которое соответствует полному HTML-тегу, например:

<p>this is a paragraph</p>

Но проблема в том, что он соответствует всем элементам как одно соответствие

<div><p>this is a paragraph</p></div>

Но я бы хотел разделить все элементы HTML.

Примечание. Теги HTML находятся в строке, а не в DOM.

ДоРешение регулярных выражений Я попытался создать новый элемент div и добавил строку в виде innerHTML.Но не работает должным образом, я не знаю, почему ...

Поэтому я ищу решение REGEX, которое решает эту проблему с одним совпадением.

Спасибо

Answer 1

Регулярные выражения не подходят для обработки HTML.Как вы упоминаете, HTML не является частью DOM

Примечание. Теги HTML находятся в строке, отсутствующей в DOM.

Вы можете использовать JQuery для сборкиобъект из HTML и использовать селекторы DOM / traversion для работы с ним:

$(myHTMLString).find('p')...

Answer 2

Замена внутреннего +.+ на +[^<]+ не позволит ему сопоставить всю строку, но регулярные выражения не являются правильным выбором для обработки строк, содержащих вложенные компоненты.Для этого вам следует использовать парсер.

Регулярные выражения - просто неправильный инструмент для работы здесь.