jQuery定位表格中指定Input元素的几种方法
作者：交互手记时间：2026-10-28 02:44:55浏览：327
本文介绍了在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" 的类名。
作者最新文章
JS怎么实现页面强制刷新
2026-11-05 14:53:38
点击JS链接直接运行不下载？前端实现.js文件强制下载的三种方法
2026-11-05 12:12:23
怎么封装一个通用的JS创建元素辅助函数
2026-11-05 11:41:41
Swiper.js 怎么监听滑动结束并获取当前索引
2026-11-05 10:57:15
HTML、CSS和JS的关系：Web前端三件套怎么协作
2026-11-04 15:41:40