1

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

<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>

これを

$('.draggable').draggable({

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

});

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

1
  • 3
    console.logを直せばそのコードで動くと思いますけど…
    – pgrho
    Commented 2015年4月10日 11:47

1 件の回答 1

1

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

$('.draggable').draggable({
  stop: function () {
    var t = $(this).text();
    console.log(t);
  }
});
<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>

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。