使用jquery 遍历函数-find()、eq()

原创于 2018-02-07 17:48:34 发布 · 3.3k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #ViewUI

前端_jQuery 应用专栏收录该内容

11 篇文章

订阅专栏

本文介绍了一种使用jQuery遍历HTML表格的方法，并通过具体实例展示了如何获取特定单元格的值。这种方法适用于需要从表格中提取数据进行进一步处理的场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

用jquery 遍历函数-find()、eq()

一、背景
遍历表格时，获取某列的值。

二、举例说明

1） html主要的框架如下：

<div class="box-body">  
    <table id="table1" class="table table-bordered table-striped">  
        <thead>  
           <tr id="method_title">  
              <th rowspan="2">显示顺序</th>  
              <th rowspan="2">名称</th>  
              <th rowspan="2">顺序设置</th>  
              <th rowspan="2">操作</th>  
           </tr>  
        </thead>  
        <tbody id="table_body"></tbody>  
     </table>  
     <div id="result"></div>  
</div>

2）效果图显示如下

3）获取第三行、第四列的button值。代码如下：

$("#table1").find("tr").eq(2).find("td").eq(3).text()；
//结果是id为label3 button的value.