cómo obtener el contenido real de un objeto después de haber sido Vuelvaa ('algo') en jQuery

Question

tengo este código

$(document).ready(function(){ 
    $('.selector').click(function(){ 
     obj = $(this); 
     obj.replaceWith('<div class="size">whats up man ??!</div>'); 
     alert(obj.html()); 
    }); 
}); 

Quiero conseguir el nuevo contenido de 'obj' que ha sido 'sustituir con'

pero,

consigo el contenido antiguo en lugar ...

¿Cómo consigo el contenido real de 'obj' ???

mi intención es tener acceso a la nueva 'obj'

$('.selector').click(function(){ 
      var obj = $(this), 
      repl = $('<div class="size">whats up man ??! <span class="medium"></span></div>'); 
      obj.replaceWith(repl); 
      alert(obj.find('span').attr('class')); //this will print 'undefined' 
}); 

Quiero imprimir el nombre de la clase del 'lapso', que es 'medio'

Answer 1

Su método de actualización es el correcto, sólo necesita un pellizco de esta manera:

$('.selector').click(function(){ 
    var obj = $(this), 
     repl = $('<div class="size">whats up man ??! <span class="medium"></span></div>'); 
    obj.replaceWith(repl); 
    alert(repl.find('span').attr('class')); 
}); 

You can test it out here. El cambio importante es el repl.find() para buscar en el elemento nuevo en lugar del anterior.

Answer 2

¿por qué quieres hacer eso? usted sabe lo que se ha sustituido con ....

$(document).ready(function(){ 
    $('.selector').click(function(){ 
     var obj = $(this); 
     var replacement = $('<div class="size">whats up man ??!</div>'); 
     obj.replaceWith(replacement); 
     alert(replacement.html()); 
    }); 
});