jQuery从LI中的表中选择第一个TD项

我有这个jquery代码：

<script>
    $(function() {

        $( "#sortable" ).sortable({

            stop: function(event, ui) {
                var data = "";

                $("#sortable li").each(function(i, el) {
                        var p = $(el).text().toLowerCase().replace(" ", "_");
                        data += p + ",";
                });
                alert(data);

                $("form [name='new_order']").val(data);

        }

        });

        $( "#sortable" ).disableSelection();

    });

</script>

该代码创建一个可排序列表。我想在度假区结束后捕获可排序列表中的度假区顺序。LI是使用PHP动态生成的，如下所示：

echo '<li class="ui-state-default">';



echo '<table border="1" cellpadding="5" cellspacing="0" class="text2" align="center">';
echo '<tr>';
echo '<td align="right" width="10">' . ($counter+1) . '</td>';
echo '<td width="100"><img src="'.$thisimage['url'].'" alt="'. $thisimage['title'] .'" height="100" width="100" /><br />' . $thisimage['title'] . '</td>';
echo '</tr>';
echo '</table>';

echo '<input name="draglist_items['.$thisimage['image_no'].']" value="'.$counter++.'" type="hidden" />';



echo '</li>';

目前，我的“数据”变量包含类似以下内容的输出：1BLABLA、2BLABLA

---

我只需要每个LI中第一个TD元素的值。你知道我可以用什么选择器来代替：$el来得到这个吗？基本上我想要1,2，

我不确定我是否理解这个问题，请使用jsbin.com发布您的完整代码，但这里也是更简短、更清晰的代码：

$('#sortable li').each(function() {
    alert($(this).children('td:first').val());
});

     $("#sortable li").find('td:first').each(function() {
         data += $(this).text() + ",";
     });

---

我不确定我是否理解这个问题，请使用jsbin.com发布完整的代码，但这里的代码也更简短、更清晰：

     $("#sortable li").find('td:first').each(function() {
         data += $(this).text() + ",";
     });

---

这种方式可以工作，但数据仅变为“3”或“1”，具体取决于我移动的列表项。el.text返回1BLABLA，其中1来自第一个TD，blabla来自第二个TD。我正在寻找一种在第一个TD中提取值的方法。太好了！我知道你也在哪里改正了错误，这很好用！谢谢这种方式可以工作，但数据仅变为“3”或“1”，具体取决于我移动的列表项。el.text返回1BLABLA，其中1来自第一个TD，blabla来自第二个TD。我正在寻找一种在第一个TD中提取值的方法。太好了！我知道你也在哪里改正了错误，这很好用！谢谢