jQuery unwrap 删除错误的容器答案

【问题标题】：jQuery unwrap removing the wrong containersjQuery unwrap 删除错误的容器
【发布时间】：2019-04-26 16:34:27
【问题描述】：

显然是我的语法错误。

我有大量的 div，其中一小部分的内容包含在锚点中。我想要做的是移除锚点。

感谢您的帮助！

所需的 HTML：

<div class="box"><a href="#"><img src="#"></a></div>
// becomes:
<div class="box"><img src="#"></div>

JavaScript：

$('.box img').unwrap('<a>');

【问题讨论】：

【解决方案1】：

这就是你要找的吗？

$('.box a img').unwrap()

.unwrap() 没有参数，它只是删除匹配选择器的父标签。因此，通过选择 a 正下方的 img 标签，您可以根据需要将其从锚点中解放出来。

【讨论】：

【解决方案2】：

试试：


$('button').click(function(){
    $('.box a').contents().unwrap();
});

【讨论】：

【解决方案3】：

从 Jquery 版本 3.0 开始，您可以指定一个选择器。见jquery API

【讨论】：

【解决方案4】：

尝试使用以下 javascript：

$('.box').each(function(){
   $(this).html($(this).find('a').html());
});

【讨论】：