如何在jquery中用另一个标签替换HTML标签？

Question

我有一个我正在研究的网站,它使用'旁边'标签,即使使用HTML5 Shiv,我也不会让IE8能够阅读,无论我尝试什么.所以,我想知道,你如何用jQuery用其他标签替换现有的标签？

例如,如果我想改变

<aside>
  <h3></h3>
</aside>

至

<div>
  <h3></h3>
</div>

怎么办？

Answer 1

试试这个:

$('aside').contents().unwrap().wrap('<div/>');

• 获取第一个内容aside.
• 现在unwrap的内容.
• 现在简单地说,wrap新标签内的内容,这里是div.

DEMO

此外,您可以使用以下.replaceWith()方法执行此操作:

$('aside').replaceWith(function () {
    return $('<div/>', {
        html: $(this).html()
    });
});

DEMO

Answer 2

$('aside').replaceWith('<div><h3></h3></div>');