我有这张桌子:

<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>存储到一个变量中,以便以后使用。

#1楼 票数: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);

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

  ask by elunap translate from so

未解决问题?本站智能推荐:

1回复

如何排除 jQuery的表格?

我用jQuery开发了一个分页表,一切正常 但我有一个问题,我的桌子上有一些TR,我不需要计算它们 我在肢体表中使用ID jQuery代码 $.fn.pageMe = function(opts) { var $this = this, defaults = {
4回复

加 表格中的元素

我想当我点击+添加更多按钮时,它应该添加与第1行相同的元素以及S.No应该增加...并且每行都有remove选项。 JSFIDDLE中的代码
1回复

在表格底部动态锁定 tr

有什么方法可以用 VUE 或 Js 锁定表末尾的 tr 吗? 我有一个 Vue 组件,它根据 API 调用动态添加表格行,但我需要一个特定的 tr 位于底部,如果添加了新的 tr,它应该在最后一个之上。 不在 tfoot 中,因为还有一些其他信息 这是 Vue 组件 Vue 组件的模板
1回复

表格颜色的交替 s

我创建了以下小提琴以显示我要执行的操作。 https://jsfiddle.net/7w3c384f/8/ 如您所见,我的编号列表具有交替的颜色,我用它来做到这一点... 但是,这只会影响编号列表。 因此,我想在其右侧的列上添加一些比编号列表更深的颜色。 我如何只触发那些
5回复

得到每个tr的id不起作用

我在表中获取tr的id的代码不起作用。 我从mysql db中检索了表的数据并填充了表。 但是为了更好更容易阅读,我们假设我在这里有这个表: 并且还有这个js: 但它不起作用,它只是警告一个空字符串。 为什么?
2回复

得到所有 表中的ID?

我想得到所有tr id并将其注册到jQuery数组,这是我的表代码: 如何获取所有id并将它们分配给jQuery数组? 我想用它来检查表行中存在什么值? 所以我想要的是获取所有tr id并将它们分配给jQuery数组。
1回复

得到点击tr的td类?

如何从点击的tr中获取td类? 我有这个结构: 我写了这段代码: 如果用户点击带有sorting_1的td ,我想要做的就是阻止处理上面的代码。 每个tr都有一个这个类的td,所以我需要检查用户是否点击了这个td类,并阻止代码执行。 UPDATE @TJ Cr
4回复

将作为(表格行)作为保护伞

之前已经提到了这种变化,但我无法找到我的具体问题的答案。 开始: 我有一个table ,我需要能够使用像ListJS这样的javascript插件进行排序。 这不重要,但能够我需要一个单一的 <tr> PER列表。 所以我的表看起来像: http://jsfi