Группируйте одинаковые родственные теги в HTML-коде с помощью Javascript

#javascript #html #tags

Вопрос:

Я ищу способ сгруппировать ненужные идентичные встроенные одноуровневые теги в HTML с помощью Javascript.

Например, поворачивая это: <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>

Ответ №1:

Для вашего примера строки это будет работать. Обратите внимание, я добавил пробел между экземпляром </b> <b> , чтобы показать причину (s*) в регулярном выражении

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

Комментарии:

1. Он должен работать для всех тегов, содержащих всевозможные атрибуты, поэтому простого регулярного выражения недостаточно. Я уточняю свой вопрос.

2. итак, вы хотите просто отказаться от любых классов или стилей во внутренних тегах? Пожалуйста, проясните свой вопрос, используя пример, который представляет то, о чем вы говорите, с ожидаемым результатом. thx.

3. Я не упоминал об отказе от клаз или стилей. Извините, если мой пример был недостаточно ясен. Я отредактировал его.