마지막 열에 대한 클릭 이벤트 비활성화

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