colB
ボタンが同じ行でクリックされたときにテキストボックスの値を取得したい。しかし、私のセレクターはそこに到達していません。また、IE8で動作する必要があります。
<table>
<thead>
<tr>
<th> </th>
<th>colA</th>
<th>colB</th>
</tr>
</thead>
<tbody>
<tr>
<td> <a class=btn class=foo>foo</a>
</td>
<td>
<input type=text value=1 />
</td>
<td>
<input type=text value=2 />
</td>
</tr>
<tr>
<td> <a class=btn class=foo>foo</a>
</td>
<td>
<input type=text value=3 />
</td>
<td>
<input type=text value=4 />
</td>
</tr>
</tbody>
</table>
$('.foo').on('click', function (item, evt) {
var foo = $(evt.target);
var tr = btn.parent().parent();
var col3 = tr.children(':eq(2)');
var txt = col3.find('input');
alert(txt.val());
});