从行的click事件中排除一列

Question

我有一些代码可以动态生成表的行，其中每行的第一列是复选框：

 let tr = $("<tr class='clickable-row'></tr>");
                    tr.append(`<td><input type="checkbox" class="checkbox"></td>`);
                    ...

OnClick事件显示该行的详细信息。

$(document).on("click", ".clickable-row", function (e) {
                measurementManager.displayMeasurementsInfo(this);
            });

如何防止在每一行的第一列上调用函数？

Answer 1

单击第一个<td>元素时，您需要阻止事件传播。添加以下内容：

$(document).on('click', '.clickable-row td:first', function(e) { e.stopPropagation() });