JQuery выбрать первый элемент TD из таблицы в LI

Question

У меня есть этот код 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>';

В настоящее время моя переменная 'data' содержит вывод, подобный следующему: 1blablabla,2blablabla

Я хочу получить значение только из первого TDэлемент в каждом LI.Любая идея, какой селектор я мог бы использовать вместо: $(el), чтобы получить это?В основном я хотел бы 1,2, ...

Answer 1

Не уверен, что я понимаю вопрос (пожалуйста, используйте jsbin.com, чтобы опубликовать свой полный код), но вот он (также, более короткий, более чистый код):

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

Answer 2

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