jQuery解包删除错误的容器

时间:2012-03-06 05:29:31

标签: jquery html image anchor

显然我的语法错误。

我有大量的div,其中少量的内容包裹在一个锚中。我要做的就是删除锚点。

感谢您的帮助!

http://jsfiddle.net/danielredwood/rg6n6/

所需的HTML:

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

JavaScript的:

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

4 个答案:

答案 0 :(得分:6)

这是你要找的吗?

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

.unwrap()没有参数,它只是删除匹配选择器的父标记。因此,通过直接在a下选择img标记,可以根据需要将其从锚点中释放出来。

答案 1 :(得分:5)

尝试:


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

答案 2 :(得分:1)

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

答案 3 :(得分:0)

尝试使用以下javascript:

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