Как с помощью JQuery удалить теги блока, Не удаляя содержимое?

Question

[Illia T]

Имеется конструкция типа:

<div class="tra-la-la"><a href="https://www.somewher.ru" class="bla-bla-bla"> ... много разного содержимого </a></div>.

Нужно убрать тег a, но т.к. содержимого в ней много, unwrap вроде бы как не подходит.
Элементы каким-то загадочным образом (не наша админка) обернулись в такие ссылки, вот я их и разворачиваю.

Comments

[Stalker_RED]

"... много разного содержимого" это просто текст или html элементы?

[Сергей delphinpro]

Элементы каким-то загадочным образом (не наша админка) обернулись в такие ссылки, вот я их и разворачиваю.

Определенно, вы не с той стороны подходите к проблеме, пытаясь устранить последствия вместо искоренения причины.

[Illia T]

Сергей delphinpro, я как раз таки в своё время пытался понять причину, в то время как наш старший сотрудник сразу принялся решать проблему. Подобная проблема уже была, вот я и пытаюсь её решить. Возможно, это как-то связано с Не нашей админкой, к которой у нас нет полного доступа.

Answer 1

[Сергей delphinpro]

В комментах указал на вашу ошибку.
Но если приспичило, можете идти в лобовую.

let s = document.querySelector('.tra-la-la').innerHTML;
s = s.replace(/^<a[^>]*>/, '').replace(/<\/a>$/, '');
document.querySelector('.tra-la-la').innerHTML = s;

PS возможно потребуется оттримить строку.

PPS
что-то я какую-то херню написал...

let s = document.querySelector('.tra-la-la > a').innerHTML;
document.querySelector('.tra-la-la').innerHTML = s;

PPPS. Не заметил что jquery, тогда еще проще/короче:
$('.tra-la-la').html($('.tra-la-la > a').html());

Comments

[Illia T]

Спасибо за ответ. Первый вариант работает, но есть уточнение: думаю, будет эффективней, если я укажу класс ссылки, чтобы удалить именно нужную. У вас там наверное регулярное выражение, а я в них не силён.