jquery - 使用 jquery 删除页面加载时的父元素或子元素

Question

这个问题已经有答案了:

jQuery : remove element except inside element (4 个回答)

已关闭 9 年前。

我想在页面加载时删除围绕代码块的 anchor 元素。

当页面加载时，我想要这个代码:

<h3 class="ms-standardheader ms-WPTitle" style="text-align: justify;">
<a accesskey="W" href="#">
<nobr>
<span>Employee Announcements</span>
<span id="WebPartCaptionWPQ3"></span>
</nobr>
</a>
</h3>

要变成此代码:

<h3 class="ms-standardheader ms-WPTitle" style="text-align: justify;">
<nobr>
<span>Employee Announcements</span>
<span id="WebPartCaptionWPQ3"></span>
</nobr>
</h3>

我尝试使用 unwrap 来实现此功能，但我仍然在挣扎，因为我想保留周围的 nobr 元素。

Answer 1

jQuery 有一个 .unwrap() 函数，可以删除元素的父元素。

http://api.jquery.com/unwrap/

示例:

$(function() {
   $('#WebPartCaptionWPQ3').unwrap();
});