jquery-uiのdraggableでドラッグした要素を取得する方法


jquery-uiのdraggableでドラッグした要素を取得する方法を教えてください。

[code]

    <div class="draggable">1</div>
    <div class="draggable">2</div>
    <div class="draggable">3</div>
    <div class="draggable">4</div>
    <div class="draggable">5</div>
    
[/code]

これを

[code]

    $('.draggable').draggable({
    
      stop: function () {
        var t = $(this).text(); // ここでテキストを取得したい
        console.lgo(t);
      }
    
    });
    
[/code]

こんな感じにしたいのですが。




`console.lgo`とのスペルのミス以外、コードは正しいです。下記のコードスニペットを実行して、ブラウザのコンソールで結果を確認できます。

[code]

    $('.draggable').draggable({
      stop: function () {
        var t = $(this).text();
        console.log(t);
      }
    });
[/code]

[code]

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.3/jquery-ui.min.js"></script>
    <div class="draggable">1</div>
    <div class="draggable">2</div>
    <div class="draggable">3</div>
    <div class="draggable">4</div>
    <div class="draggable">5</div>
[/code]

