Change DIV text with javascript

Question

The following code changes a div's background-color when another div is dragged on it. How can I modify it it to change divs's text instead of background colour (for example I drop a div with a <p>Test</p> inside it and I want to the div which was dragged onto to change its text to <p>Test</p>

code:

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

Please check my JSFiddle code which is not working:

JSFiddle link

I know its not in the spirit of SO but sometimes I just want to scream : en.wikipedia.org/wiki/RTFM — gbtimmon
– gbtimmon, Commented May 23, 2013 at 16:41
Aside: Since you cached $(this) as drop, you should replace both instances of $(this) with drop. — Derek
– Derek, Commented May 23, 2013 at 16:44

Derek · Accepted Answer · 2013-05-23 16:41:49Z

2

Replace

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

with

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

answered May 23, 2013 at 16:41

Derek

3,4351 gold badge19 silver badges35 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

rikket Over a year ago

Thanks for your answer, can you please check my updated included JSFiddle link. tks

Leonardo Arroyo · Accepted Answer · 2013-05-23 16:42:38Z

2

You can do:

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

In place of:

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

edited May 23, 2013 at 16:42

Leonardo Arroyo

5936 silver badges16 bronze badges

answered May 23, 2013 at 16:40

tymeJV

105k14 gold badges165 silver badges158 bronze badges

1 Comment

rikket Over a year ago

Thanks for your answer, can you please check my updated included JSFiddle link

Collectives™ on Stack Overflow

Change DIV text with javascript

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related