从表中获取项目

时间:2017-08-15 23:04:48

标签: javascript html

我有这张桌子:

<tr>

如何将带有项目的<tr>元素的onclick发送到javascript(或jquery)函数中,我已经发送了那个<th>的id,但我也需要发送这些项目,因为我需要操纵它们,我需要将每个e存储到一个变量中,以便稍后使用它们。

1 个答案:

答案 0 :(得分:0)

你可以这样做:

(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.(确保打开您的网络控制台)