Javascript 如何在删除之前的元素后设置元素向上移动的动画?
因此,我有以下示例代码:Javascript 如何在删除之前的元素后设置元素向上移动的动画?,javascript,jquery,css,Javascript,Jquery,Css,因此,我有以下示例代码: <ul> <li class="class1">row1</li> <li class="removeme">row2</li> <li class="removeme">row3</li> <li class="removeme">row4</li> <li class="class1">row5</li> </
<ul>
<li class="class1">row1</li>
<li class="removeme">row2</li>
<li class="removeme">row3</li>
<li class="removeme">row4</li>
<li class="class1">row5</li>
</ul>
//Javascript
$('.removeme').remove();
- 第1行
- 第2行
- 第3行
- 第4行
- 第5行
//Javascript
$('.removeme').remove();
移除所有removeme元素后,如何使row5元素向上移动?我的css3转换也已设置。我不确定您在css3中设置了什么,但下面是使用jQuery可以做的事情
$('.removeme').animate({height: 0}, 2000, function () {
$(this).remove();
});
演示:
如果你想一个接一个地删除它,你可以像下面这样链接
演示:
参考:您可以将“remove me”李放在一个容器中(像一个跨度),然后折叠该容器
$(container).fadeTo(200,0).animate({height: 0});
诸如此类。你看到答案了吗?如果回答了您的问题,请留下评论/投票,并将其标记为已回答。
$(container).fadeTo(200,0).animate({height: 0});