Отменить выбранный элемент Javascript или JQuery

Это мой html.

<span id="current" class="green unselctable" data-original-title="" title="">
    Lorem Ipsum is simply dummy
</span>

Я выбираю с помощью $("#current"), но если я использую функцию разворота jQuery, родительский тег удаляется.

Есть ли способ удалить span в JavaScript или jQuery без разбора строки и добавления ее в dom?

Edit Я хочу сохранить содержание div. Я просто хочу, чтобы тег был удален.

Ответ 1

Вы можете связать содержимое() с распаковать():

$("#current").contents().unwrap();

contents() вернет все дочерние элементы #current, включая текстовые узлы, и unwrap() можно применить к текстовым узлам.

Ответ 2

var $current = $('#current');
$current.replaceWith($current.text());

Fiddle с двумя текущими ответами - pun?

развернуть vs replaceWith

Ответ 3

Просто нажмите этот же вопрос. Я думаю, что это может быть немного лучше... тот же эффект, но я думаю, что jQuery должен сделать меньше магии, чтобы сделать эту работу.

$("#current").replaceWith($("#current").contents());