jQueryUI Sortableの並べ替えた要素内のinputの値を取得したい

Question

jqueryのSortableを利用して並べ替えができるUIを作成しています。
リストの要素内にはそれぞれinput要素が含まれており、並べ替えが完了した時点で移動した要素内のinputの値を取得したいと考えていますが、どうしても方法がわかりません。

liのidが取得できれば、その子孫要素であるinputの値が取れるかと思いましたが、移動した用のidを取得する方法はSortableには用意されていないようです。

どなたか助けていただけないでしょうか。

<ul class="sortable">
	<li id="List_1">
		<div class="box">
			<p></p>
		</div>
		<form method="post" action="doit.php">
			<input type="hidden" name="n1" value="v1">
			<input type="hidden" name="n2" value="v2">
			<button name="btn1" value="btn1">送信</button>
		</form>
	</li>
	<li id="List_2">
		<div class="box">
			<p></p>
		</div>
		<form method="post" action="doit.php">
			<input type="hidden" name="n1" value="v1">
			<input type="hidden" name="n2" value="v2">
			<button name="btn1" value="btn1">送信</button>ｓ
		</form>
	</li>
</ul>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>

var option = {
		stop: function(){
			//このあたりで何とかする
			console.log($(this).attr('id')); //←sortableが出力されてしまう
			//取ってきたinputをごにょごにょしたい。
		}
	}

$('.sortable').sortable(option);

Answer 1

stopに指定したfunctionの第二引数にドラッグした対象が格納されています
詳しい内容は公式ページのドキュメントに載っています

var option = {
        stop: function(event, ui){
            console.log(ui.item.attr('id'));
        }
    }

$('.sortable').sortable(option);

Comments

[smiley-_-smiley]

ありがとうございます。
うまくいきそうです。