Id of swap div

Id of swap div

With the help of code that I listed below, can successfully show ID drag div

  1. drag = $('.ui-draggable').attr('id');
  2. alert(drag);

But, how to show ID of target(swapped) div (div where drag div is dropped)
This is not good solution i think:
  1. trget_div = $('.ui-state-hover').attr('id');
  2. alert(target_div);
becose if ID of target_div (div where dragged div is droped) is Item4, i have alert Item5
hiar is all code:
Html code
  1. <div class="dragdrop" id="item<?php echo $id_player; ?>"> <?php echo $player; ?> </div>
jquery for drag, drop, swap
   
  1. $(window).load(function(){
  2. jQuery.fn.swap = function(b){
  3.    b = jQuery(b)[0];
  4.    var a = this[0];
  5.    var t = a.parentNode.insertBefore(document.createTextNode(''), a);
  6.    
  7.    b.parentNode.insertBefore(a, B);
  8.    t.parentNode.insertBefore(b, t);
  9.    t.parentNode.removeChild(t);
  10.    alert(a);
  11.    
  12.    
  13.    return this;
  14. };


  15. $( ".dragdrop" ).draggable({ revert: true, helper: "clone" });


  16. $( ".dragdrop" ).droppable({
  17.         accept: ".dragdrop",
  18.         activeClass: "ui-state-hover",
  19.         hoverClass: "ui-state-active",
  20.         drop: function( event, ui )
  21. {

  22.                 var draggable = ui.draggable,
  23.                         droppable = $(this),
  24.                         dragPos = draggable.position(),
  25.                         dropPos = droppable.position();

  26. var drag = $('.ui-draggable').attr('id');
  27. alert(drag);

  28.                 draggable.css({
  29.                         left: dropPos.left+'px',
  30.                         top: dropPos.top+'px'
  31.                 });
  32.                 droppable.css({
  33.                         left: dragPos.left+'px',
  34.                         top: dragPos.top+'px'
  35.                 });
  36.                 draggable.swap(droppable);
  37.                
  38.                

  39.         }
  40. });
  41. });