javascript - 大量的 onclick 元素...或者一些 jquery

Question

我正在构建一个应用程序，它在某个时刻生成一个相当大的汇总表 (20x~200)。我可以在支持代码中识别的一些单元格(可能是 1000 个)需要某种 onclick 绑定(bind)。这些单元格的值需要解析为页面上的输入字段。

我调查了内联渲染:onclick=genericfunctioncall("copy_of_celldata")不知何故，这对我来说还不够现代......:)

因为我将 JQuery 用于其他一些东西，所以我想利用它。考虑类绑定(bind)和 ID 绑定(bind)(必须让我呈现 ID，以及大量绑定(bind))。类绑定(bind)是我的首选方式。但是因为我动态呈现表格(Ajax 在 MVC4 中调用局部 View 并呈现 .data)我必须使用 .on("click",....) 方法。我想不出一种方法来检测我单击了哪个 TD 以确定它的值并将其解析为输入。

有人有想法吗？

Answer 1

为所有要为其分配点击事件的 td 提供一个公共(public)类。

使用事件委托(delegate)，因为您要为超过 1000 个元素绑定(bind)相同的元素。

在事件中使用 this 上下文获取触发事件的 td。

$('table').on('click', '.tdClass', function() {
     // this refers to td which triggered the event
});