Jquery html标记替换

有没有办法用Jquery替换以下内容：

<ul class="sub-menu">
    <li><a href="#">Link</a></li>
</ul>

为此：

<div class="under">
    <p><a href="#">Link</a></p>
</ul>

---

父元素是：

您可以使用替换，但需要构建html，例如：

$('li').replaceWith('<p><a href="#">Link</a></p>');

$（'li'）。替换为（'p>
'）；

您可以使用替换，但需要构建html，例如：

$('li').replaceWith('<p><a href="#">Link</a></p>');

$（'li'）。替换为（'p>
'）；

var newdiv=$（“”）
newdiv.addClass（“下”）
$（“.sub-menu a”）。每个（函数（）{
newdiv.append（“
”）.find（“p:last”）.append（this）
})
$（“.sub菜单”）.replaceWith（newdiv）

var newdiv=$（“”）
newdiv.addClass（“下”）
$（“.sub-menu a”）。每个（函数（）{
newdiv.append（“
”）.find（“p:last”）.append（this）
})
$（“.sub菜单”）.replaceWith（newdiv）

您可以打开
a
元素，然后将其包装在新元素中：

$(".sub-menu").find("a").unwrap().unwrap().wrap("<div class='under'>").wrap("<p>");

另一次编辑

使用
unwrap
两次对我来说似乎有点混乱。现在我有了一点空闲时间，我准备了一个简单的插件，它允许您从目标元素中打开多个祖先元素。我叫它。它适用于任意数量的展开，在这种特定情况下使用它可能有点极端，但它允许我们执行以下操作：

$(".sub-menu").find("a").unwrapUntil(2).wrap("<div class='under'><p></p></div>");

$（“.sub-menu”）.find（“a”）.unwrapUntil（2）.wrap（“
”）；
您可以打开
a
元素，然后将其包装在新元素中：

$(".sub-menu").find("a").unwrap().unwrap().wrap("<div class='under'>").wrap("<p>");

另一次编辑

使用
unwrap
两次对我来说似乎有点混乱。现在我有了一点空闲时间，我准备了一个简单的插件，它允许您从目标元素中打开多个祖先元素。我叫它。它适用于任意数量的展开，在这种特定情况下使用它可能有点极端，但它允许我们执行以下操作：

$(".sub-menu").find("a").unwrapUntil(2).wrap("<div class='under'><p></p></div>");

$（“.sub-menu”）.find（“a”）.unwrapUntil（2）.wrap（“
”）；
为什么不更改父级的CSS类，并使ul/li作为div/p标记工作？PS：在第二个代码片段上，div标记用一个
标记关闭。因为我使用wordpress菜单导航，并且菜单具有lava菜单javascript效果，第二级菜单使用div结构，如果我将wordpress菜单功能更改为div结构，菜单不起作用。为什么不更改父级的CSS类并使ul/li作为div/p标签工作？PS：在第二个代码片段上，div标记用一个标记关闭。因为我使用wordpress菜单导航，并且菜单具有lava菜单javascript效果，第二级菜单使用div结构，如果我将wordpress菜单功能更改为div结构，则菜单不起作用。