得到 <tr> 项目构成表格

Question

我有这张桌子：

<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>

如何将带有项目的onclick那个<tr>元素发送到javascript（或jquery）函数中，我已经发送了那个<tr>的ID，但是我也需要发送该项目，因为我需要操纵它们，我需要将每个<th>存储到一个变量中，以便以后使用。

Answer 1

您可以这样做：

（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);

这是演示的JSFiddle。 （确保打开您的网络控制台）