Jquery 选择 TD 内的输入答案

【问题标题】：Jquery select input that is within a TDJquery 选择 TD 内的输入
【发布时间】：2012-05-30 00:45:46
【问题描述】：

这是我使用 Firebug 复制/粘贴的 HTML 代码：

<div id="TBI">
<tr class="t-state-selected t-grid-edit-row">
    <td>8081</td>

    <td class="t-grid-edit-cell">
        <input id="ijn" class="text-box single-line valid" type="text" value=""  name="ijn"> 
    </td>

我可以使用以下方法访问此表的第二个单元格：

$('#TBI tr.t-state-selected')[0].cells[1]

一切正常。

但是，我怎样才能获得对包含在 TD 中的输入的 jquery 引用？一旦我弄清楚如何为该文本框获取选择器，我就可以随意操作它。

提前感谢您的帮助！

【问题讨论】：

标签： javascript jquery html jquery-selectors

【解决方案1】：

试试吧：

$("#TBI tr.t-state-selected input")

或者对于第二个 td 内的输入：

$("#TBI tr.t-state-selected:nth-child(1) input");

演示：Fiddle

【讨论】：

在我的例子中，许多连续的 TD 都有输入元素。我想要来自第二个 td 的输入。

【解决方案2】：

$('#TBI tr.t-state-selected td input')

【讨论】：

仅供参考，状态类是 t-state-selected 而不是 td-state-selected :)

【解决方案3】：

$("input[type=text]", "div#TBI tr.t-state-selected td");

【讨论】：