Question

我在我的WebPage中添加了dinamically行，有时我想连续获取每个单元格的值。

这是我的行声明：

<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>

如您所见，我的行有两个单元格：名称和标题。我正在尝试使用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();
});

<强> jsFiddle example

Answer 2

从选择器中删除tr。

$('.template-upload')

Answer 3

你确定你的选择器是对的吗？看着你的选择器是.template-upload tr，这意味着你正在寻找tr元素里面的元素{/ 1}}。

我认为你会想要：

.template-upload

Answer 4

.template-upload 是您的tr

将选择器更改为：

$('.template-upload').each(function(node){ /* logic */ }

Answer 5

你有一个错字......

$('tr.template-upload').each(function () {
    ...
});

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

5 个答案: