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>');
        })
    });
});

Answer 2

您可以使用jquery load function：

$(".MyClass").each(function(){
  $(this).replace("<div>").load($(this).attr("data"));
});

如何将<object ...>替换为该对象的实际内容？</object ...>

2 个答案: