javascript - jQuery .wrapAll() 和 .unwrap() 问题

Question

此脚本的第一部分包装了一些 div 并添加了一个新类，效果很好。

HTML(此链接打开 ColorBox)

<a class="group1 cboxElement wrapbox" href="http://localhost/blabla">This is a link</a>

jQuery:

$(document).ready(function(){

$(".wrapbox").click(function(){
   $('#boxOverlay, #box').wrapAll('<div class="wrapper">');
   $("#boxOverlay").addClass("unwrapbox"); 

  });
});

但是当我试图撤消所有操作时，脚本失败了，我不知道为什么:

$(document).ready(function(){

$(".unwrapbox").click(function(){
   $('#boxOverlay, #box').unwrap('<div class="wrapper">');
   $("#boxOverlay").removeClass("unwrapbox"); 

  });
});

HTML:(这是我点击“.unwrapbox”后的结果)

<div class="wrapbox">
<div id="boxOverlay" class="unwrap" style="display: none; opacity: 1; cursor: auto; visibility:  visible;"></div>
<div id="colorbox" class="" role="dialog" tabindex="-1" style="display: none; visibility: visible; top: 1125px; left: 660px; position: absolute; width: 600px; height: 1242px; opacity: 1; cursor: auto;">

Answer 1

unwrap 不带参数。 http://api.jquery.com/unwrap/

$(".unwrapbox").click(function(){
 $('#boxOverlay').unwrap();
});

会成功的。