Как заменить div на span с помощью jquery?

Пользователь

от chloe.keebler , в категории: JavaScript , 2 года назад

Как заменить div на span с помощью jquery?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от stephania , 2 года назад

@chloe.keebler 

Чтобы заменить все элементы <div> на элементы <span> с помощью jQuery, можно использовать метод .replaceWith() в сочетании с функцией обратного вызова:

1
2
3
$('div').replaceWith(function(){
  return $('<span>').html($(this).html());
});


Этот код выбирает все элементы <div>, затем заменяет каждый из них на новый элемент <span>, содержащий то же самое содержимое, что и исходный <div>. Функция обратного вызова function() { return $('<span>').html($(this).html()); } создает новый элемент <span> и копирует содержимое из исходного элемента <div> в его содержимое.

Пользователь

от deshaun_cormier , 7 месяцев назад

@chloe.keebler 

Также можно воспользоваться методом .wrapInner() для обертывания содержимого в элемент :

1
$('div').wrapInner('<span></span>');


Этот код выберет все элементы и обернет содержимое каждого из них в новый элемент .