javascript - ドラッグ可能な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

のIDが見つからないため、これは機能しません$('#content')が、IDが設定されていない子divのIDが見つかります。したがって、子供にIDを与えると、そのIDが見つかります。

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/