jquery - 内のテキストへのアクセス鬼ごっこ

Question

<li>jQueryのドラッグ/ドロップを使用してドラッグされるアイテムのリストがあります。アイテムがドロップされたときにタグ内のテキストを取得したいの<li>ですが、選択した値をサーブレットに送信できるように、テキストをグローバル変数に追加します。

アイテムがドロップされたときに機能を処理するために、以下のjQueryコールバックを使用できます。

stop: function(event, ui) { 
    //update variable here
}

<li>タグ内のテキスト値を取得してグローバル変数に追加するにはどうすればよいですか？

ありがとう

Answer 1

ui.draggable.text()ドロップ可能な場合に使用できますdrop。

drop: function(event, ui) { 
    myVar += ui.draggable.text();
}

またはドラッグ可能な場合ui.helper.text()。stop

stop: function(event, ui) { 
    myVar += ui.helper.text();
}

Answer 2

ui.helperドラッグされたオブジェクトを表すテキストからテキストを取得できます。

$( "#draggable" ).draggable({
  stop: function( event, ui ){
    globalVar =  ui.helper.text(); 
  }
});

ui.helperにもご利用いただけますdroppable。