使用Jquery Unwrap

时间:2014-08-26 14:08:23

标签: jquery

我有以下代码,我将div包装在div中。

当我按下另一个按钮时,我想解开div。

我在http://jsfiddle.net/tonymaloney1971/oh48rafw/4/

上提供了演示

以下是代码:

$("#WrapInDiv").click(function() {
    //wrap each span.Foo in it's own div
    $('span.Foo').wrap('<div class="FontSize30 ParentWrapper"/>);
}); 

$("#RemoveWrapDiv").click(function() {        
    //remove the added div wrapper
    $('.div FontSize30 ParentWrapperr').unwrap();
}); 

谢谢你的帮助

2 个答案:

答案 0 :(得分:2)

将您的解包代码更改为:

$("#RemoveWrapDiv").click(function() {        
    //remove the added div wrapper
    $('span.Foo').unwrap('div.FontSize30.ParentWrapper');
}); 

<强> jsFiddle example

答案 1 :(得分:0)

使用

  $('span.Foo').unwrap();

而不是

 $('.div FontSize30 ParentWrapperr').unwrap();  

Demo