Comment obtenir html de l'élément en et ajouter à un élément td

Question

J'utilise jquery pour faire glisser et déposer. Je suis capable de faire glisser et déposer. Mon élément traîné est une image. Maintenant, je veux montrer cette image sur la cible qui est une cellule de tableau (td). Comment faire ça?

$(".emptyimg").draggable(); 
$("#tdcell").droppable({ 
    drop: function(event, ui) {$(ui.draggable).??;} 

}); 

grâce

Answer 1

Vérifiez le code suivant:

<style> 
#draggable { width: 150px; height: 150px; padding: 0.5em; } 
</style> 
<script> 
    $(function() { 
     $("#draggable").draggable(); 
    }); 
</script> 



<div class="demo"> 
<script type="text/javascript" 
     src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> 
    <script type="text/javascript" 
     src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.js"></script> 
<div id="draggable" class="ui-widget-content" style="cursor:move"> 
    <p>Drag me around</p> 
</div> 

</div><!-- End demo -->