특정 열을 unclickable로 설정하는 방법

Question

내 테이블에 20 개의 열이 있으며 클릭 할 수 있도록 내 테이블의 행을 가져 왔습니다. 첫 번째 열을 클릭 할 수없는 열 다섯 번째까지 설정할 수 있습니까? 아래는 제 코드입니다.

$('#cdcTracking-list tr td:not(:nth-child(1))').click(function() { 
    //....rest of the another code 
}); 

Answer 1

첫 번째로 각 셀에서 클릭 이벤트를 원하는 테이블을 처리 할 때 위임 된 이벤트를 사용하는 것이 좋습니다. 이는 각 td 요소에 대해 하나의 처리기 대신 하나의 이벤트 처리기 (테이블에 있음) 만 있기 때문입니다.

두 번째로 클릭 한 셀의 index()을 검사하여 해당 열을 확인할 수 있습니다. 이 시도 :

$('#cdcTracking-list').on('click', 'td', function() { 
    if ($(this).index() > 15) { 
     // do something... 
    } 
}); 

Example fiddle