javascript - Jquery 淡出一一

Question

我尝试将item_div 放入container_div fadeOut 中一一给出。我尝试了这段代码，它fadeOut在一起，这是我可以改进的东西还是有任何建议可以做到这一点？

$(".container_div .item_div").each(function(idx){
  $(this).delay(100*idx).fadeOut(3000);
});

.container_div{
  background:#ccc;
  }
.item_div{
  background:#454545;
  color:#fff;
  margin:5px;
  }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<div class="container_div">
  <div class="item_div">1</div>
  <div class="item_div">2</div>
  <div class="item_div">3</div>
</div>

Answer 1

试试这个

$(".container_div .item_div").each(function(idx,item){
    setTimeout(function(){ $(item).fadeOut(1000); }, (idx+1)*1000);
});

这在这里工作正常 Fiddle