jQuery定位表格中指定Input元素的几种方法

作者:交互手记

时间:2026-10-28

浏览:326

本文介绍了在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" 的类名。

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章