Jquery选择TD内的输入

时间:2012-05-16 18:24:10

标签: javascript jquery html jquery-selectors

以下是使用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引用?一旦我弄清楚如何获得该文本框的选择器,我就可以按照自己的意愿操作它。

提前感谢您的帮助!

3 个答案:

答案 0 :(得分:8)

试试吧:

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

或者对于第二个td中的输入:

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

演示:Fiddle

答案 1 :(得分:2)

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

答案 2 :(得分:0)

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