jQuery 选中tr下面的第某个td

Posted 2020-09-20 ~ eager ~

1、问题描述

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

 

HTML代码

 1 <table class="layui-table" id="alertTable" style="margin: 0 auto; width: 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()是找当前元素的所有子节点