Question

I’ve implemented a droppable using jQuery like so below :

$( ".myVal" ).droppable({ drop: function( event, ui ) 
            { 

            } 
        }); 

I’m dragging a <li> element into the droppable area. Can I apply new css to the <li> just added when it is dropped, so instead of just text being dropped into the area, the text contains new css styling ?

Answer 1

$( ".myVal" ).droppable({ drop: function( event, ui ) 
        { 
              $(this).find("li").addClass("newClass");
        } 
    }); 

I think this is what you need.

So:

CSS

.myVal ul li{
    //styles
}

is also good idea 🙂