jQuery 选中tr下面的第某个td

1、问题描述

点击 table 中的某行 tr，获取该 tr 下的第一个 td 标签下的< input type="hidden" value="92"/>（隐藏域）的 value 值，即获取 92。

 

HTML代码

<table class="layui-table" id="alertTable" style="margin: 0 auto; width: 100%;">
    <thead>
        <tr>
          <th>日期</th>
          <th>经度</th>
          <th>纬度</th>
          <th>距离</th>
        </tr>
    </thead>
    <tbody>
        <tr class="alertChart">
           <td>
               <input type="hidden" value="92" /> 2017-06-01 </td>
           <td>110.23568</td>
           <td>125.23564</td>
           <td>25.2m</td>
        </tr>
    </tbody>
</table>

 

2、解决方案

js代码（jQuery操作）

$('.alertChart').dblclick(function(){ 2        alert( $(this).children('td').eq(0).children('input').val() ) ;
});

 

正确输出

 

3、笔记

① parent和parents的区别 
parent()是找当前元素的第一个父节点，不管匹不匹配都不继续往下找 parents()是找当前元素的所有父节点 
 
② child和childern的区别

child()是找当前元素的第一个子节点，不管匹不匹配都不继续往下找 childern()是找当前元素的所有子节点