как изменить тип элемента с помощью jquery

Question

У меня есть следующий код

<b class="xyzxterms" style="cursor: default; ">bryant keil bio</b>

Как мне заменить тег b на тег h1, но сохранить все остальные атрибуты и информацию?

Answer 1

Решение Javascript

Копировать атрибуты старого элемента в новый элемент

const $oldElem = document.querySelector('.old')
const $newElem = document.createElement('div')

Array.from($oldElem.attributes).map(a => {
  $newElem.setAttribute(a.name, a.value)
})

Заменить старый элемент новым элементом

$oldElem.parentNode.replaceChild($newElem, $oldElem)