最后一列停用 click-Event

Question

在我的 js 上，我为每个 table-row 设置了一个 click-Event。 这很好用。 我尝试仅删除此 table 的最后一列的 click-Event，但它不起作用。

你知道为什么吗？ select or 正确还是我必须 select 不仅仅是 td 的 last-child？

function addRowHandlers() {
var table = document.getElementById("klauselliste");
var rows = table.getElementsByTagName("tr");
for (i = 0; i < rows.length; i++) {
    var currentRow = table.rows[i];
    var createClickHandler =
        function (row) {
            return function () {
                var cell = row.getElementsByTagName("td")[0];
                var name = cell.innerHTML;
                window.location.href = '/Klausel/Detail?Name=' + name.trim();
            };
        };

    currentRow.onclick = createClickHandler(currentRow);
}



// Code Snippet
addRowHandlers();
$("td:last-child").unbind("click");
// Code Snippet

Answer 1

我将您的代码重新创建为 "pure jQuery"。更少的代码，同样的努力。注意 :not(:last-child)，它将 select 一行的所有 td，执行最后一行。

function addRowHandlers() {
    $("table#klauselliste tr td:not(:last-child)").click(function() {
        var name = $("td:eq(0)", $(this).parent()).html();
        window.location.href = '/Klausel/Detail?Name=' + name.trim();
    });
}

请在此处查看工作示例：https://jsfiddle.net/wuhtt7sc/1/

Answer 2

尝试使用 .find() 定位 table 上的最后一个元素。

$('#klauselliste tr').find('td:last').on('click', function (e) {
 e.preventDefault();
 e.stopPropagation();
});