可拖动的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

这不起作用，因为您没有找到$('#content')的ID，而是找到了

设置的子div。因此，给孩子一个ID，它会找到一个。

答案 1 :(得分：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”

答案 2 :(得分：0)

相反$(this)使用$("#content") 试试这个：

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

Answer 2

这是因为$（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 3

相反$(this)使用$("#content") 试试这个：

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