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() ) ;
});

正确输出

jQuery 选中tr下面的第某个td

3、笔记

① parent和parents的区别

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

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

 child和childern的区别

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

childern()是找当前元素的所有子节点 
上一篇:jQuery选中下拉列表,输出值


下一篇:jquery选中checkbox