javascript - 使用 jquery 删除一个 div 但将 div 保留在其中

Question

我正在尝试使用 jquery 在定时事件后删除一个 div。目前初始计时器如下......

$(document).ready(function () {
    setTimeout(function () {
        $("#loader-wrapper .loader-section, #textbit").hide("slow");
        $("#logo").animate({ left: '-115px', top: '-60%' });
        $("#logo-side").animate({ opacity: 9 }, 2000);
        $("#loader-wrapper").remove();
    }, 2000);
});

我在这里用 loader-wrapper 之外的 div 做了一些事情，但是 div Logo 需要保留在页面上，而 loader-wrapper 需要在定时事件执行完所有功能后继续......

在其当前形式中，加载程序包装器被删除(没有发生 .hide 转换)以及嵌套在其中的 Logo div ...有人可以建议/提供解决方法吗？

html 看起来像这样....

<div id="loader-wrapper">
    <div id ="wrapper">
       <div id="logo"><a href="index.html"><img src="images/mthc/logo-main.png" height="130px" width="420px"></a>
       </div>
    </div>
 </div>

Answer 1

jQuery 有一个 unwrap 方法，您可以使用它来删除 loader-wrapper。

$('#wrapper').unwrap();

https://api.jquery.com/unwrap/