JQuery: почему не срабатывает функция?

Question

[Shimpanze]

Добрый день!

Мне необходимо удалить САМУ обертку элементов с классом .abc на странице. Написал функцию, но она почему-то не срабатывает. Объясните простыми словами, почему?

Пример:
Было: <span class="abc">Hello, <em>World!</em></span>
Стало: Hello, <em>World!</em>

// Запускаю функцию для каждого найденого элемента
$('.abc').each( function() {

  // ссылаюсь на ранее найденный элемент
  // извлекаю содержимое
  // и подменяю его
  $(this).html().append(this);

});

Спасибо!

Comments

[Сергей delphinpro]

А в консоль посмотреть?

var str = $(this).html(); // 'Hello, <em>World!</em>' - строка!!
str.append(this); // Error! У строки нет метода append

[Сергей delphinpro]

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

Answer 1

[AlexRas]

Вот 2 варианта

https://jsfiddle.net/hvuhc4x0/

Answer 2

[Олег]

Используйте функцию jQuery https://api.jquery.com/unwrap/