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

时间:2020-12-04 22:09:29
使用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)效果图显示如下:
        使用jquery 遍历函数-find()、eq()
         3)获取第三行、第四列的button值。代码如下:
    $("#table1").find("tr").eq(2).find("td").eq(3).text(); //结果是id为label3 button的value.


        三、参考资料

 1) jQuery 遍历 - find() 方法  http://www.w3school.com.cn/jquery/traversing_find.asp

 2) jQuery 遍历 - eq() 方法  http://www.w3school.com.cn/jquery/traversing_eq.asp