как изменить тег родителя на новый тег

263
23 марта 2017, 21:19

как можно заменить тег родителя <div class="parent_old> на <a class="parent_new">

html:

<div class="parent_old">
  <div>
    <span>some text is here</span>
  </div>
<span>
Answer 1

С помощью replaceWith():

$('.parent_old').replaceWith($('<a class="parent_new" href="#">' + $('.parent_old').html() + '</a>'));
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<div class="parent_old"> 
  <div> 
    <span>some text is here</span> 
  </div> 
<span>

Answer 2

var newElement = $('<a>').addClass('parent_new').attr('href', '#').html($('.parent_old').html()); // href добавлен для наглядности 
$('.parent_old').replaceWith(newElement);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
<div class="parent_old"> 
  <div> 
    <span>some text is here</span> 
  </div> 
</div>

READ ALSO
Вставка/Замена в HTML (Javascript)

Вставка/Замена в HTML (Javascript)

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

158
Как правильно настроить slick слайдер?

Как правильно настроить slick слайдер?

Всем привет! Что-то разобраться не могу как сделать, чтобы 3 слайда сразу показывало, а то у меня по одному лишьНо и чтобы были стрелочки, чтобы...

460
Как из textarea принять данные в таблицу

Как из textarea принять данные в таблицу

Есть текстовое поле на странице, нужно его заполнять в формате:

247
Модальные окна + ajax запросы

Модальные окна + ajax запросы

Здравствуйте, я раньше писал на php и с ajax/jquery сталкивался не так частоСейчас встала потребность в более-менее современном интерфейсе для приложения

371