本文介绍了在jQuery中定位HTML表格内特定文本输入框的多种实现方式。通过结合.class选择器与input类型过滤,利用.eq()方法或:eq()伪类选择器,可以精准获取第N个文本框元素。文中提供了完整的HTML结构示例及对应的jQuery代码片段,适用于需要动态操作表单元素的场景。
代码如下:
HTML表格结构示例<html>
<table class="ed">
<tr>
<td><input type="text"></input></td>
<td><input type="text"></input></td>
<td><input type="button"></input></td>
<td><input type="text"></input></td>
</tr>
</table>
</html> 假设需要定位到表格中的第三个文本输入框,具体实现方式如下:
jQuery定位代码实现
代码如下:
$(".ed input:text").eq(3)
$(".ed input:text:eq(3)")
$(".ed input[type="text"]").eq(3)
$(".ed input[type="text"]:eq(3)") 其中,.ed 表示 HTML 元素中 class="ed" 的类名。