使用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转换）以及嵌套在其中的徽标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/

Answer 2

听起来你只想删除#loader-wrapper div？

在这种情况下，您可以使用jquery的unwrap

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

Answer 3

你可以使用.unwrap();

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

Answer 4

如果您不确定子元素，

采用，

$("#loader-wrapper > *").unwrap();

此外，使用animate()回调可以在动画发生后删除元素。

$("#logo-side").animate({
    opacity: 9
}, 2000, function () {
    $("#loader-wrapper > *").unwrap();
});

Answer 5

尝试

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

这将在动画运行后删除＃loader-wrapper}）;

Answer 6

您可以使用unwrap删除包装器。

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