如果文本位于两个散列标签##ccc## Text ##234##之间,则高亮显示文本

Highlighting the Text if text is in between two Hash tags ##ccc## text ##234##

本文关键字:文本 之间 ##234## 高亮 显示 Text ##ccc## 于两个 标签 如果      更新时间:2023-09-26

我试图用突出显示2个散列标签之间的文本。body标签的所有子元素的greenFlag类名。

,

<body>
 <h1>Heading ##New## Item</h1>
 <p> replace ##[any word]## to wrap in [any word] ##Date## </p>
 <p> replace ##any word 2## to wrap in ##any word## some text</p>
</body>

我的代码

$('body').children().each(function(){
var content = $(this).text(); 
//content = content.replace(/'##/g, '');
//alert(content);
var str = content.split("##");
$(str).each(function() {
    var term = this;
    alert(term);
    var regex = new RegExp(term, "gi");
    content = content.replace(regex, '<span class="greenFlag">' + term + '</span>');
    $(this).replaceWith(content);
}  
//$(this).text().replace(/'##/g,'<span class="greenFlag">')

)});

期望输出应为

<body>
 <h1>Heading <span class="greenFlag">New</span> Item</h1>
 <p> replace <span class="greenFlag">[any word]</span> to wrap in [any word] <span class="greenFlag">Date</span></p>
 <p> replace <span class="greenFlag">any word 2</span> to wrap in <span class="greenFlag">any word</span></p>
</body>

请任何人都可以帮助我正确的规则表达式或任何方法来解决这个问题。

Regex:

##(.*?)##

替换字符串:

<span class="greenFlag">$1</span>
演示