Question

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

你知道为什么吗？选择器是正确的还是我必须选择的不仅仅是td的最后一个孩子？

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

我将您的代码重新创建为＆＃34;纯jQuery＆＃34;。更少的代码，同样的努力。注意:not(:last-child)，它将选择行的所有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()找到表格中的最后一个元素。

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

停用最后一列的click-Event

2 个答案: