Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在删除之前的元素后设置元素向上移动的动画?_Javascript_Jquery_Css - Fatal编程技术网

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});