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

Question

我有一个HTML表格如下。

HTML code：

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

我想抓住表格单元格上的第一个点击事件，并突出显示具有红色边框的特定单元格。

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

JS：

var clickCount = 0;

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

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

Answer 1

首先定义表的id并尝试以下代码：

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