jquery - 你如何用 jquery 中的另一个标签替换 HTML 标签？

Question

我有一个我正在使用的网站，它使用“aside”标签，无论我尝试什么，我都无法让 IE8 读取这些标签，即使使用 HTML5 Shiv 也是如此。所以，我想知道，如何使用 jQuery 将现有标签替换为其他标签？

例如，如果我想改变

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

到

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

那将如何完成？

Answer 1

试试这个:

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

• 首先获取aside的内容。
• 现在展开内容。
• 现在只需将内容包装到一个新标签中，这里是div。

DEMO

---

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

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

DEMO