jquery - 如何用该对象的实际内容替换 <object...> ？

Question

假设我有这个:

<object class="MyClass" type="text/html" data="/Whatever/1?renderpartial=1"></object>
<object class="MyClass" type="text/html" data="/Whatever/2?renderpartial=1"></object>

而且，我想使用 jQuery 将对象替换为对象的实际 HTML。

<script type="text/javascript">
    $(document).ready(function() {
        $(".MyClass").before('<div class="MyClass">#CONTENT#</div>').remove();
    });
</script>

我想触发一个异步请求，从服务器获取“/Whatever/1”和“/Whatever/2”并将其替换“#CONTENT#”。

这可能吗？

Answer 1

将原始对象替换为 div:

$(function(){
    $('.MyClass').each(function(){
        var $current = $(this);
        $.post($current.attr('data'), function(data){
            $current.replaceWith('<div>' + data + '</div>');
        })
    });
});