javascript - 如何从 html 标签中删除子字符串

Question

我有以下 html 字符串:

<span style="font-family:Arial;font-size: 14px;">
   <span class="author-basic">new op
        <span style="font-size: 30px;">tionlab</span> 
   </span<br>>

正如你在最后看到的 </span>我有一个<br>嵌套在标签内
这个<br>可以出现在 <span> 中的任何位置或<b>或<i>甚至在 style 属性内部。

有没有办法移动 <br>标签外？ (i、b、跨度、样式...)

Answer 1

免责声明:这是一个修补程序，而不是解决方案。解决方案是修复换行方法。

移动<br>其他标签之外的标签，您可以使用

<br>([^<]*>)

并替换为 $1<br> .

正则表达式匹配:

• <br> - 文字<br>
• ([^<]*>) - 将 < 之外的零个或多个符号捕获到第 1 组中高达 >然后>符号(假设您有常规标签，没有花哨的 <% %> 插入)(此捕获的文本稍后会使用 $1 反向引用)。

参见regex demo

片段:

var re = /<br>([^<]*>)/gi; 
var str = '<span style="font-family:Arial;font-size: 14px;">\n   <span class="author-basic">new op\n        <span style="font-size: 30px;">tionlab</span> \n   </span<br>>';
var subst = '$1<br>'; 
var result = str.replace(re, subst);
alert(result);