Comment puis-je remplacer un <object...> par le contenu réel de cet objet?

Question

Disons que j'ai ceci:

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

Et, je veux utiliser jQuery pour remplacer l'objet avec le code HTML réel de l'objet.

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

Je veux déclencher une requête asynchrone pour aller chercher chacun «/Whatever/1 » et «/Whatever/2 » du serveur et de le mettre à la place de '# # CONTENU.

Est-ce possible?

Answer 1

Pour remplacer l'objet original comme div:

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

Answer 2

vous pouvez utiliser le jquery load function:

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