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

Question

如何使用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()
{...

Answer 1

这里可以使用

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

和

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

但是您通常为元素提供类以使一切更简单(由于您的输入具有角色，您还可能希望对更改采取行动，获取值等)