更改所选元素时，JQuery fadeOut fadeIn问题

Question

我试图淡出容器的内容，然后替换为一些新的html并将它们淡入。* 注意：容器将始终包含至少一个子div

这是我的代码：

$("#identifier div:first").fadeOut(300,function(){
  $(this).parent().html("<div> some new element </div>");
}).fadeIn(300);

我尝试过几种不同的方法，但没有运气。新元素出现，但没有追求淡化效果。

我发布的那个似乎是最清楚的......剩下的就是长镜头

我认为这可能不是执行此类任务的正确方法，但这是我能想到的全部内容。任何方向都会受到赞赏。

干杯！

Answer 1

试试这个：

   $('#identifier').children().first().fadeOut(300,function(){

       $(this).html("Some new element");

   }).fadeIn(300);

演示：

http://jsfiddle.net/hnVaF/

Answer 2

试试这个

$("#identifier div:first").fadeOut(300,function(){
  $(this).parent().html("<div> some new element </div>")
  $(this).fadeIn(300);
});