使用jquery获取tds的值

Question

我正在使用 jquery 1.6.4 并且我有一个表。最初在表中，用户仅由一行和几列呈现。然后，我让用户通过这样做添加尽可能多的行，

$('.add').live('click', function(e){

        e.preventDefault();
        var $parentRow = $(this).parents('tr');
        $parentRow.clone().insertAfter($parentRow);
        $parentRow.next().find('input').val('');
        $(this).replaceWith('<a href="#" class="delete">-</a>');
    });

我还让他们动态删除行，

$('.delete').live('click', function(e){
        alert("removing");
        e.preventDefault();
        $(this).parents('tr').remove();
    });

但是现在我希望收集他们在这些列中输入的值。我不确定当它们点击“提交”按钮时如何收集这些值，因为在我的视图源中我看到的只是这个

<tr>
<td class="actions"><a href="#" class="add">+</a></td>
<td><input type="text"></input></td>
<td><input type="text"></input></td>
<td><input type="text"></input></td>
<td><textarea rows="1"></textarea></td>
</tr>

在页面源中它只显示一行，而在我的视图中我肯定看到添加了三行。不确定我缺少什么以及如何获取这些值

Answer 1

您没有 id，因此很难判断您实际收集的内容，但要获取静态和动态输入的值，您可以使用以下命令：

//submit code
$('input[type=submit]').click(function(){
    $('table input').each(function(index,item){
        //for testing you could just output to a div
        //$('#output').append($(this).val());
    });

});

Answer 2

据我所知，您的输入字段没有名称，因此当按下提交时您不会得到太多信息。

此外，您不会在视图源中看到 DOM 更新。查看源代码只会向您显示页面首次加载时的样子。
要获得页面的实时视图，您可以使用 FireBug、FireFox，或者如果您使用的是 Google Chrome，则“查看”菜单下有一些开发人员工具，您可以使用它们来查看 html 的实时外观。