Jquery - 如何将元素的父元素从H1更改为P？

Question

Jquery - 如何将元素的父元素从H1更改为P？

我有<h1>heading</h1>，如何将其更改为<p>heading</p>

我想我可以$.unwrap然后$.wrap，但有更好的方法吗？

Answer 1

$('h1').wrapInner('<p/>').children().unwrap();

Answer 2

How do I change an element (e.g. h1 -> h2) using jQuery / plain old javascript?

这个问题非常接近（我认为是重复的）

使用此解决方案，您的答案将类似于

var p = $('h4');
var a = $('<p/>').
    append(p.contents());
p.replaceWith(a);

在此测试：http://jsbin.com/abaja/edit

Answer 3

我会用H1的内容创建一个新元素，然后隐藏H1。

var contents = $('h1').html();
$('h1').after('<p>'+content+'<p>');
$('h1').hide();

Answer 4

HTML：

<h1 id="a">heading</h1>

jQuery的：

var $a = $('#a');
var contents = $a.contents();
$a.remove();
$('body').append('<p>' + contents + '</p>');

$.unwrap将删除匹配元素的父级。换句话说，如果#a是div的孩子，div将被删除，而不是h1。