jquery에서 요소를 제거한 다음 새 요소를 추가 하시겠습니까?

Question

HTML에서 span 요소를 제거하려고 시도하고 해당 요소를 새 span 요소로 바꿉니다.

는 작업 예를 들어 바이올린보기 : http://jsfiddle.net/DCJ9X/

<div id="foo"> 
    <span>FadeOut</span> 
</div> 

<input id="go" type="button" value="lets go!" /> 

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

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

}); 

는 언제나 당신의 도움 스택에 대한 감사! 대신

Answer 1

사용 .replaceWith() :

var $span = $('<span>FadeIn</span>'); 
    $(this).replaceWith($span); 
    $span.fadeIn(500); 

http://jsfiddle.net/DCJ9X/4/

또는 한 줄에이 트릭해야

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

Answer 2

:

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

Answer 3

글쎄, if'n당신이 가지고있는 것을 더 많거나 적게 갖고 싶다면, 다음과 같이하십시오 :

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

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

});