1、问题描述
点击 table 中的某行 tr,获取该 tr 下的第一个 td 标签下的< input type="hidden" value="92"/>(隐藏域)的 value 值,即获取 92。
HTML代码
1 <table class="layui-table" id="alertTable" style="margin: 0 auto; 100%;"> 2 <thead> 3 <tr> 4 <th>日期</th> 5 <th>经度</th> 6 <th>纬度</th> 7 <th>距离</th> 8 </tr> 9 </thead> 10 <tbody> 11 <tr class="alertChart"> 12 <td> 13 <input type="hidden" value="92" /> 2017-06-01 </td> 14 <td>110.23568</td> 15 <td>125.23564</td> 16 <td>25.2m</td> 17 </tr> 18 </tbody> 19 </table>
2、解决方案
js代码(jQuery操作)
1 $('.alertChart').dblclick(function(){ 2 alert( $(this).children('td').eq(0).children('input').val() ) ; 3 });
正确输出
3、笔记
① parent和parents的区别
parent()是找当前元素的第一个父节点,不管匹不匹配都不继续往下找
parents()是找当前元素的所有父节点
② child和childern的区别
child()是找当前元素的第一个子节点,不管匹不匹配都不继续往下找
childern()是找当前元素的所有子节点