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

lkj0 2018-02-07

用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.
 
 

相关推荐

PHP100 / 0评论 2019-03-27