jquery - 不明なタイプのjqueryリストの要素値を取得する方法

Question

私はHTMLで以下のリストを持っています

<ul id="sortable">
    <li id="li1" class="ui-state-default"><asp:Button Text='Test1' runat='server'/></li>
    <li id="li2" class="ui-state-default"><asp:Button Text='Test2'  runat='server'/></li>
    <li id="li3" class="ui-state-default"><asp:Button Text='Test3'  runat='server'/></li>
    <li id="li4" class="ui-state-default"><asp:TextBox runat="server" Text='testing'></asp:TextBox></li>
    <li id="li5" class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 5</li>
    <li id="li6" class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 6</li>
    <li id="li7" class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 7</li>
</ul>

リスト項目をドラッグするときに値を警告したいと思います。たとえば、テキストボックスをドラッグすると、テキストボックスの値が表示されます。

編集:私はJqueryを初めて使用します。以下に示すように、順序付けられた要素を取得しようとしましたが、各リスト項目の値を知りたいですか?? これを行う方法 ？？

 $(function() {
            $("#sortable").sortable({
                update: function() {
                    var ElementsOrder = $(this).sortable('toArray'); //.toString();                        
                    alert(JSON.stringify(ElementsOrder));
                    var xxx = { pages: $(this).sortable('toArray') };
                    alert(JSON.stringify(xxx));
                }
            });
        });