javascript - 从列表动画中删除节点

Question

我有 html 节点列表(div，左侧 float )

 1, 2, 3, 4, 5, 6, 7

我想删除一个节点，比如4，4之后的所有节点，即这里的5,6,7应该慢慢向左移动。

有什么办法可以做到这一点吗？

PS:我的项目中只有 jquery，只要可能，我想保持这种方式而不包含太多库。

Answer 1

你可以这样做:

HTML:

    <div id="1">1</div>
    <div id="2">2</div>
    <div id="3">3</div>
    <div id="4">4</div>
    <div id="5">5</div>
    <div id="6">6</div>

Jquery:

$( "div" ).click(function() {
  $( this ).hide( 2000, function() {
    $( this ).remove();
  });
});

和CSS:

div {
background: green;
width: 30px;
height: 40px;
margin: 2px;
float: left;
color:white
}

DEMO