wie tatsächlichen Inhalt eines Objekt zu erhalten, nachdem replaceWith zu sein (‚etwas‘) in jquery

Question

Ich habe diesen Code

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

Ich mag den neuen Inhalt von ‚obj‘ erhalten, die ‚replaceWith‘ hat

aber

ich den alten Inhalt bekommen statt ...

wie bekomme ich den eigentlichen Inhalt von ‚obj‘ ???

meine Absicht ist es, den neu ‚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' 
}); 

ich die Klasse drucken Namen der ‚Spanne‘, die ‚mittel‘

Answer 1

Ihre aktualisierte Methode die richtige ist, muss nur ein zwicken wie folgt aus:

$('.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. Die wichtige Änderung ist die repl.find(), um in das neue Element anstelle des alten zu suchen.

Answer 2

warum wollen Sie das tun will, ist zugreifen? Sie wissen, was Sie ersetzt es mit ....

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