[javascript] Set onclick on the <tbody tr> except for specific <td>

 

 테이블 행을 클릭하여 이벤트를 발생시킬때, 특정 열 만 제외하고 싶을때

<div class="module-body" style="padding: 0; min-height: 500px" id="device-management">
	.....
    .....
    <tbody>
        <td class="table-device-id"></td>
        <td class="table-device-vin"></td>
        <td class="table-device-model"></td>
        ...
        <td class="table-action"></td>
    </tbody>
    .....
    .....
</div>

 

방법?

$('device-management').on("click", "tbody tr td:not(.table-action)", function() {
        .....
});

위와 같이 td의 class로 설정할 수 있지만 n-1 번째로 지정해줄 수 있다. 

$('device-management').on("click", "tbody tr td:not(:nth-child(5)))", function() {
        .....
});

 

Reference : https://stackoverflow.com/questions/18683226/set-onclick-on-the-tr-except-for-his-second-td