Как изменить HTML-теги, используя jQuery (или что-нибудь еще)?

Question

Как изменить:

<p class="myClass">Lorem Ipsum (and maybe other nested tags)</p>

в

<code class="myClass">Lorem Ipsum (and maybe other nested tags)</code>

Это автономная работа. Это просто обновление, но есть тысячи p с, которые мне нужно изменить на code с.

Answer 1

Вы можете использовать contents () , чтобы получить дочерние элементы (включая текстовые узлы), затем объединить unwrap () и wrapAll () :

$("p.myClass").contents().unwrap().wrapAll("<code class='myClass'></code>");

Обновление: Если у вас есть более одного элемента <p>, вы должны выполнить итерации по ним с each () , чтобы избежать переопределения их всех внутри одного <code> элемент:

$("p.myClass").each(function() {
    $(this).contents().unwrap().wrapAll("<code class='myClass'></code>");
});