HTML-событие ячейки таблицы td с использованием идентификатора

Question

У меня есть HTML-таблица следующим образом.

HTML-код:

<!-- 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;
      });

Я не являюськонечно, почему оно не попадает в событие click :(, я пробовал это довольно долго. Если я смогу помочь, было бы полезно двигаться вперед.

Answer 1

Сначала определите id для таблицы и попробуйте следующий код:

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