draggable jquery get start parent() element
<p>I want to drag'n'drop Items with Jquery.</p>

<p>Right now I do have a "storage" with multiple items.</p>

<p>On the other site I have x boxes. each box can contain only 1 item.</p>

<p>Right now, I use the droppablöe function to set annother class on the box, that only 1 box can be added which is workin:</p>

<pre><code> $( ".droppable" ).droppable({
     accept: ".draggable",
     activeClass: "draghover",
     drop: function( event, ui ) {
         if($( this ).hasClass("droppable")) {
             $( this ).removeClass("droppable").addClass( "droppable-");
         }
     } });
</code></pre>

<p>Now, I need to revert the Class, when I move back the item to the storage or to another box.
I tried this with the draggable.start function, but I cannot get the correct parent()</p>

<pre><code>$( ".draggable" ).draggable({
        revert: "invalid",
        snap: ".droppable",
        snapMode: "inner",
        start: function( event, ui ) {
            alert($( this ).parent().attr("Class"));

        }
    });
</code></pre>

<p>this will all the time return the start position befor the first dragging. Not the latest position.</p>

<p>Storage is look like:</p>

<pre><code>&lt;td valign="top" class="warenlager" bgcolor="grey" width="200"&gt;
    &lt;div class="draggable" class="bild ui-widget-content" id="s73-1"&gt;S&lt;/div&gt;
    &lt;div class="draggable" class="bild ui-widget-content" id="s74-1"&gt;S&lt;/div&gt;
&lt;/td&gt;
</code></pre>

<p>Box are look like:</p>

<pre><code>&lt;td&gt;&lt;div class="droppable" id="element 2"&gt;&lt;/div&gt;&lt;/td&gt;
</code></pre>

<p>Regards</p>
