Изменить текст DIV с помощью javascript

Question

Следующий код меняет div background-color, когда на него перетаскивается еще один div. Как я могу изменить его, чтобы это изменить DIVS текстового вместо цвета фона (например, я падаю в DIV с <p>Test</p> внутри него, и я хочу в DIV, который тащил на, чтобы изменить его текст <p>Test</p>

кода:

$(".snap").droppable({ 
    drop: function (event, ui) { 
     var drag = ui.draggable; 
     var drop = $(this); 
     $(this).html(drag.html()); 
     $(this).attr('name', drag.attr('id')); 
     debugger; 
    } 
}); 

Пожалуйста, проверьте мой JSFiddle код, который не работает:

JSFiddle link

Answer 1

Вы можете сделать:

$(this).html(drag.html()); 

На месте:

$(this).css("background-color", drag.css("background-color")); 

Answer 2

Заменить

$(this).css("background-color", drag.css("background-color"));

с

drop.html(drag.html());.