使用jquery在页面加载时删除父元素或子元素[重复]

Posted 2023-05-09

【中文标题】使用jquery在页面加载时删除父元素或子元素[重复]

【英文标题】：Remove parent or child element on page load using jquery [duplicate]

【发布时间】：2014-05-23 03:56:35

【问题描述】：

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

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

<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 元素。

【问题讨论】：

@f00bar - developer.mozilla.org/en-US/docs/Web/html/Element/nobr

@j08691 谢谢！ ... 仍然认为 此标记不是标准 HTML，不应使用。使用 css 可以实现相同的行为

【参考方案1】：

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

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

示例：

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

【参考方案2】：

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