最後の列のクリックイベントを無効にする

Question

私のjsでは、各テーブル行に対してクリックイベントを設定しました。 これは正常に動作します。 この表の最後の列だけのクリックイベントを削除しようとしましたが、動作しません。

理由はありますか？セレクタは正しいのですか？それとも、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

コードを「pure jQuery」として再作成しました。少ないコード、同じ努力。 :not(:last-child)に注意してください。tdの行がすべて選択され、最後の行はexecptされます。

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