Удаление конкретного тега, но с сохранением его дочернего элемента

Question

Я пытаюсь скопировать содержимое HTML определенного тега, а затем удалить конкретный тег HTML и прикрепить скопированный элемент этого тега к брату удаленного тега.Есть ли способ решить эту проблему?

Например, HTML выглядит так:

<p>This is sample <span id ="1">text <strong>to v<span>erify</span></strong> the</span> issue</p>

Я ожидаю вывод, подобный этому:

<p>This is sample text <strong>to v<span>erify</span></strong> the issue</p>

Теперь, если вы видите, что элемент span с id = "1" был удален, но его родительское содержимое все еще там, которое добавлено к братьям и сестрам удаленного диапазона (id= 1) элемент.

Answer 1

У меня слишком мало представителей, чтобы я мог комментировать.

В качестве напоминания вы можете назвать элементы HTML5 id, начиная с цифры.Но если вы это сделаете, вы можете настроить таргетинг на этот элемент только с помощью идентификатора из JavaScript, не используя CSS.

Трудно определить проблему, потому что я не вижу пример кода.Как @FedeSc указал, вы, вероятно, забыли вставить его.

Пожалуйста, отредактируйте вопрос с примером кода, и я с удовольствием посмотрю, смогу ли я вам помочь.