在jquery中被replaceWith（'something'）后如何获取对象的实际内容

Question

我有这个代码

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

我想得到'obj'的新内容'replaceWith'

但是，

我得到的是旧内容...

如何获取'obj'的实际内容？？？

我的目的是访问新的“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'
});

我想打印'span'的类名，即'medium'

Answer 1

您更新的方法是正确的，只需要像这样进行调整：

$('.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。重要的变化是repl.find() 查找新元素而不是旧元素。

Answer 2

你为什么要这样做？你知道你用什么代替了它......

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