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

处理正常