使用jQuery选择位于TD元素内的input。

Question

这里是我使用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引用呢？一旦我找到了该文本框的选择器，我就可以随心所欲地操纵它。

提前感谢您的帮助！

- carlg

Answer 1

请尝试：

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

第二个标签内的输入框：

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

演示：Fiddle

- mattytommo

---

在我这种情况下，一排中的许多TD都有输入元素。我想获取第二个TD中的输入。 - carlg

Answer 2

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

- jmar777

---

请注意，状态类应该是t-state-selected而不是td-state-selected :) - Mathew Thompson

Answer 3

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

- The System Restart