Javascript 删除jquery中的元素，然后追加新元素？

我试图从HTML中删除一个span元素，然后用一个新的span元素替换该元素

查看小提琴的工作示例：

淡出
$（'#go'）。单击（函数（）{
$（'foo span'）.fadeOut（500，function（）{
$（this.remove（）.parent（）.append（'FadeIn'）.FadeIn（500）；
});
});

我一如既往地感谢你的帮助

改用：

var$span=$（'FadeIn'）；
$（this）.替换为（$span）；
$span.fadeIn（500）；

或在一行上：

$(this).replaceWidth($('<span>FadeIn</span>').fadeIn(500));

$（this.replaceWidth（$（'FadeIn'）.FadeIn（500））；

改用：

var$span=$（'FadeIn'）；
$（this）.替换为（$span）；
$span.fadeIn（500）；

或在一行上：

$(this).replaceWidth($('<span>FadeIn</span>').fadeIn(500));

$（this.replaceWidth（$（'FadeIn'）.FadeIn（500））；

这应该可以做到：

$('#foo span').fadeOut(500).replaceWith('<span>FadeIn</span>').hide().fadein(500);

$（'foo span'）.fadeOut（500）.replacetwith（'FadeIn'）.hide（）.FadeIn（500）；

这应该可以做到：

$('#foo span').fadeOut(500).replaceWith('<span>FadeIn</span>').hide().fadein(500);

$（'foo span'）.fadeOut（500）.replacetwith（'FadeIn'）.hide（）.FadeIn（500）；

好吧，如果你想或多或少地保留你所拥有的，这是可行的：

$('#go').click(function() {

    var $foo = $('#foo');
    $foo.find('span').fadeOut(500, function() {
        $foo.remove('span').append('<span>FadeIn</span>').fadeIn(500);
    });

});

$（'go'）。单击（函数（）{
变量$foo=$（“#foo”）；
$foo.find（'span'）.fadeOut（500，function（）{
$foo.remove（'span'）。append（'FadeIn'）。FadeIn（500）；
});
});

好吧，如果你想或多或少地保留你所拥有的，这是可行的：

$('#go').click(function() {

    var $foo = $('#foo');
    $foo.find('span').fadeOut(500, function() {
        $foo.remove('span').append('<span>FadeIn</span>').fadeIn(500);
    });

});

$（'go'）。单击（函数（）{
变量$foo=$（“#foo”）；
$foo.find（'span'）.fadeOut（500，function（）{
$foo.remove（'span'）。append（'FadeIn'）。FadeIn（500）；
});
});

您可以使用replaceWith方法。：）您可以使用replaceWith方法。：）