繁体   English   中英

在特定的行和列中选择特定的输入元素

[英]select specific input element in a specific row and column

考虑这张图片: 在此处输入图片说明

如何在没有jQuery ID的情况下选择它? 我的意思是我可以像下面的语句那样选择它:

在代码= 1000和列Desc2的行中查找输入

谢谢

编辑1)

HTML代码

<table border="1" width="300px">
    <tr>
        <td>
            Desc2
        </td>
        <td>
            Desc1
        </td>
        <td>
            Code
        </td>
    </tr>
    <tr>
        <td bgcolor="#CCCCB3">
            <input id="Text1" type="text" />
        </td>
        <td>
        </td>
        <td>
            1000
        </td>
    </tr>
    <tr>
        <td bgcolor="#FFFFCC">
            &nbsp;
        </td>
        <td bgcolor="#FFFFCC">
        </td>
        <td bgcolor="#FFFFCC">
        </td>
    </tr>
    <tr>
        <td bgcolor="#CCCCB3">
            <input id="Text2" type="text" />
        </td>
        <td>
        </td>
        <td>
            1001
        </td>
        <tr>
            <td bgcolor="#CCCCB3" class="style1">
                <input id="Text3" type="text" />
            </td>
            <td class="style1">
            </td>
            <td class="style1">
                1002
            </td>
        </tr>
        <tr>
            <td bgcolor="#CCCCB3">
                <input id="Text4" type="text" />
            </td>
            <td>
            </td>
            <td>
                1003
            </td>
        </tr>
</table>

选择最后一个单元格,过滤最后一个单元格的值等于“ 1000”的行,然后选择集合的第一个输入元素:

$("table td:last-of-type").filter(function(){
    return $(this).text() == "1000";
}).parent().find("input:first");

为了构造这样的选择器,可以使用以下方法:

  • :eq().eq()
  • :nth-child() (仅适用于特定的子位置!)

警告:陷阱, 不要落入contains() 此方法选择包含给定短语的所有元素。 .contains(1000)也会选择<td>10000</td>

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM