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(){
        alert( $(this).children('td').eq(0).children('input').val() ) ;
 });

正确输出

3、笔记

① parent和parents的区别

parent()是找当前元素的第一个父节点，不管匹不匹配都不继续往下找

parents()是找当前元素的所有父节点 

② child和childern的区别

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

childern()是找当前元素的所有子节点