ID of draggable

Question

I want to get the id of the div i am moving. I have tried different methods, nothing worked. So why isn't this working?

$('#content').children().draggable({
drag: function (event, ui) {
    var id = $(this).attr("id");
    $('#textarea').val(id);
}

http://jsfiddle.net/pX2T4/

[The code is fine. **Your draggable div does not have an ID.**](http://jsfiddle.net/mattball/JfRPX/) And just an FYI, `this.id` can always be used instead of `$(this).attr('id')`. http://stackoverflow.com/q/4651923/139010 — Matt Ball, Mar 17 '13 at 16:18

score 2 · Answer 1 · answered Mar 17 '13 at 16:18

2

This doesn't work because you are not finding the id of $('#content'), but of the child div, which does not have an id set. Thus, give the child an ID and it will find that one.

answered Mar 17 '13 at 16:18

Brad M

7,857
1
23
40

score 1 · Accepted Answer · answered Mar 17 '13 at 16:18

It's because $(this) is refering to the inner div marked with the class

see http://jsfiddle.net/pX2T4/

<div id="content">
    <div class="content" id="foo">
        <textarea name="" id="textarea" cols="30" rows="10"></textarea>
    </div>
</div>

$('#content').children().draggable({
    drag: function (event, ui) {
        var id = $(this).attr("id");
        console.log(id);
        console.log($(this));
        $('#textarea').val(id);
    }
});

outputs "foo"

score 0 · Answer 3 · answered Mar 17 '13 at 16:22

0

Instead $(this) use $("#content") Try this:

http://jsfiddle.net/pX2T4/4/

answered Mar 17 '13 at 16:22

KF2

9,887
8
44
77

ID of draggable

3 Answers3