可拖拽的ID

Question

我想要获取我正在移动的div的id。我试过不同的方法，都不管用。那么，为什么这不起作用呢？

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

http://jsfiddle.net/pX2T4/

Answer 1

这是因为$(this)引用了用类标记的内部div

请参阅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);
    }
});

输出"foo“

Answer 2

这不起作用，因为您找到的不是div的id，而是子$('#content')的id，而子div没有设置id。因此，给孩子一个ID，它就会找到那个ID。

Answer 3

改为使用$("#content")，尝试如下所示：

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