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

时间:2011-03-16 17:43:09

标签: jquery jquery-selectors

我有这个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

的输出

我只想要每个LI中第一个TD元素的值。知道我可以用什么选择器代替:$(el)得到这个?基本上我想1,2,...

2 个答案:

答案 0 :(得分:3)

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

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

答案 1 :(得分:1)

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