регулярного выражения, чтобы выделить текст между тегами

Question

У меня есть текст, который содержит текст между тегами <abbr></abbr>

Я хочу, чтобы выделить <abbr></abbr> тегов, которые не содержат никаких других <abbr></abbr> тегов между тегами. Вот пример

content example <abbr variable-title="notepad 1">data <abbr variable-title="notepad 2">sample value </abbr>sample conten</abbr> 

В этом я хочу подчеркнуть только <abbr variable-title="notepad 2">sample value </abbr> как это не имеет вложенную <abbr></abbr>

Как я пишу регулярное выражение, чтобы получить такие отдельные <abbr></abbr> теги выделены

Answer 1

С использованием JavaScript:

str.replace(/(<abbr)([^>]*>[^<]*(<(?!abbr)[^<]*)*?<\/abbr>)/gi, "$1class=\"highlight\" $2"); 

См. demo.

Затем определите класс abbr.highlight в вашем CSS.

Answer 2

Может попробовать этот /<abbr>(\S.*?)<\/abbr>/gi