时间戳

首页 > 解决方案 > 使用 id 的 HTML 表格单元格 td 点击事件

html - 使用 id 的 HTML 表格单元格 td 点击事件

问题描述

我有一个如下的 HTML 表。

HTML 代码：

<!-- ko foreach: $data.column_data -->
<td id="dataCell" data-bind="text: result"></td>
<!-- /ko -->

我想捕捉表格单元格上的第一个点击事件，并用红色边框突出显示该特定单元格。

在第二次单击时，我应该打开一个带有两个选项的弹出菜单（比如选项 1、选项 2）。

JS：

var clickCount = 0;

      $("#dataCell").click(function () {
        clickCount == 0 ? 1 : clickCount;
      });

我不确定为什么它没有进入点击事件:(，我已经尝试了很长时间。如果我能得到任何帮助，那么继续前进将会很有用。

标签： htmleventshtml-tableclick

解决方案

首先也为 table 定义一个 id 并尝试以下代码：

var clickCount = 0;
$(document).on("click", "#tableId #dataCell", function(e) {
     alert("clicked");
     clickCount == 0 ? 1 : clickCount;
});

推荐阅读