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

Question

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

当页面加载时，我想要这段代码：

<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();
});

Answer 2

$(function() {
    var target = $('a[accesskey="W"]');
    var keep = target.children();
    target.replaceWith(keep);
});