Как я могу заменить <объект ...> фактическим содержимым этого объекта?

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>

Я хочу запустить асинхронный запрос, чтобы получить все '/ Whither / 1' и '/ Whither / 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 :

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