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()是找當前元素的所有子節點