Удалить тег вокруг текстового узла, используя JavaScript

Если у меня есть HTML, который выглядит так:


      This is some text that is being written <span class="highlight">with
      a highlighted section</span> and some text following it.

И я хочу удалитьпролет» оставив текстовый узел внутри, как бы я это сделал? Я попытался с помощью jQuery сделать следующее:

wrap = $('.highlight');
wrap.children().insertBefore(wrap);
wrap.remove();

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

Я также открыт для альтернатив моего подхода здесь. Какие'Происходит то, что мой код фактически создает этот промежуток, когда пользователь выбирает блок текста. Он оборачивает выделенный текст в промежуток, чтобы визуально выделить его. Мне нужно удалить промежуток после этого, хотя из-за некоторых причуд в пути Mozilla 'Диапазон работ объекта.

РЕДАКТИРОВАТЬ: я нене хочу заменить весь контент#текст' кстати, поскольку он может быть очень большим.

Ответы на вопрос(7)

Ваш ответ на вопрос