獲取<tr>項目形成表

我有這個表：獲取<tr>項目形成表

<table class="table table-hover"> 
      <thead> 
       <tr> 
       <th>No.</th> 
       <th>Name</th> 
       <th>Type</th> 
       <th>Phone</th> 
       <th>S.N.</th> 
       <th>Date</th> 
       </tr> 
      </thead> 
      <tbody> 
       <tr style="cursor:pointer" onclick="mandaDetalle(this.id)"> 
       <td>PE-6</td> 
       <td>John Smith</td> 
       <td>GT5</td> 
       <td>845254585</td> 
       <td>56456456456</td> 
       <td>14/07/2017</td> 
       </tr> 
      </tbody> 
      </table>

我如何與物品<tr>元素髮送的onclick成一個JavaScript（或jQuery的）功能，我已經發送一個<tr>的id但我也需要發送這些項目，因爲我需要操作它們，我需要將每個<th>存儲到一個變量中，以便稍後使用它們。

來源

2017-08-15 elunap

你說的「送的onclick」是什麼意思？ –

幾乎逐字：https：//stackoverflow.com/questions/16426163/click-table-row-and-get-value-of-all-cells –

可能重複[單擊錶行並獲取所有單元格的值]（https ：//stackoverflow.com/questions/16426163/click-table-row-and-get-value-of-all-cells） –

，你可以做這樣的：

（1）添加id屬性你行

（2）安裝一個onclick事件偵聽器由id先前設定

找到行（3）看看event.target得到點擊表格單元格

（簡體）HTML：

<table> 
    <tr id="row"> 
    <td> 
     first cell 
    </td> 
    <td> 
     second cell 
    </td> 
    </tr> 
</table>

的JavaScript

function onRowClick(event) { 
    console.log(event.target); 
} 

document.getElementById('row').addEventListener('click', onRowClick);

Here's the JSFiddle for a demo.（請務必打開Web控制檯）

來源

2017-08-15 23:13:00 nbkhope

獲取<tr>項目形成表

回答

相關問題