使用 Javascript 将 HTML 代码中的相同兄弟标签分组

大佬教程收集整理的这篇文章主要介绍了使用 Javascript 将 HTML 代码中的相同兄弟标签分组，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

如何解决使用 Javascript 将 HTML 代码中的相同兄弟标签分组？

我正在寻找一种使用 JavaScript 对 HTML 中不必要的相同内联兄弟标签进行分组的方法。

例如，转这个： <b>Hel</b><b>lo</b><b> World</b>

进入这个： <b>Hello World</b>

它应该适用于包含各种属性（类、样式等）的所有标签

一个更复杂的例子，转这个： <b><span class="test">Hel</span></b><b><span class="test">lo</span></b><b> World</b>

进入这个： <b><span class="test">Hello</span> World</b>

解决方法

对于您的示例字符串，这将起作用。请注意，我在 </b> <b> 的实例之间添加了一个空格以显示正则表达式中 (\s*) 的原因

let str = '<b>Hel</b><b>lo</b>  <b> World</b>';
str = str.replace(/<\/b>(\s*)<b>/g,'')
console.log(str)