如何使用jQuery获取每行的每个单元格值

Question

我在我的WebPage中以动态方式添加行，并且在某个时刻，我想获得一行中每个单元格的值。

这是我的行的声明：

<tr class="template-upload fade">
<td class="name"><span>{%=file.name%}</span></td>
<td class="title"><label>Andar: <input name="andar" required></label></td>
</tr>

如您所见，我的行有两个单元格: name和title。我正在尝试使用jQuery获取"name“单元格的值和输入"andar”的值。

这就是我到目前为止所知道的：

$('.template-upload tr').each(function () {
        var item = $(this); //this should represent one row

        var name = item.find('.name').text();
        var andar = item.find('input:text[name=andar]').val();
});

但是，在这两个变量中我没有得到任何东西。

我还能错过什么呢？

Answer 1

已经很接近了，您只需要从选择器中删除tr即可。您的行已经有了.template-upload类，所以$('.template-upload tr')不存在：

$('.template-upload').each(function () {
        var item = $(this); //this should represent one row
        var name = item.find('.name').text();
        var andar = item.find('input:text[name=andar]').val();
});

Answer 2

从选择器中删除tr。

$('.template-upload')

Answer 3

你确定你的选择器是正确的吗？看一下，您的选择器是.template-upload tr，这意味着您要在包含.template-upload类的元素中查找tr元素。

我想你会想要：

$('tr.template-upload').each(...)