jQuery:如何在每个列的表中获取第二个输入?

时间:2015-05-24 08:51:20

标签: jquery dom input

如何使用jQuery轻松获取表中任何列中的所有第一个或最后一个输入值?没有标题。

<table id="table1">
<tr class="thead">
    <th>A</th><th>B</th><th>C</th>
</tr>
<tr class="tbody">
    <td>Input1</td><td><input type"text" class="in1"/></td><td><input type"text" readonly class="in2"/></td>
</tr>
<tr class="tbody">
     <td>Input2</td><td><input type"text" class="in1"/></td><td><input type"text" readonly class="in2"/></td>
</tr>
<tr class="tbody">
     <td>Input3</td><td><input type"text" class="in1"/></td><td><input type"text" readonly class="in2"/></td>
</tr>
...
</table>

我的建议:

var arr[];
$("#table1 tr").each(function()
{
arr.push($(this).find("input:first").val());
});

我会喜欢这样做:

$("#table1 input input").each(function()
{...

1 个答案:

答案 0 :(得分:2)

您可以使用

$('#table1 td:nth-child(2) input')

$('#table1 td:last-child input')

但是你通常会为你的元素提供类,以使一切变得更简单(因为你的输入有角色,你也可能想要对变化采取行动,获取价值等)。