행에서 jQuery를 사용하여 첫 번째 테이블 열을 선택하는 방법은 무엇입니까?

Question

테이블 행을 클릭 할 수있게하고 싶습니다. 모든 열은 클릭 할 수 있어야하지만 첫 번째 열은 클릭 할 수 있어야합니다. 그러나 그들이 행을 클릭 할 때 이것을 달성하고 싶습니다.

는

$('.table tbody tr').click(function (e) { 
     alert ($(this).find('td').eq(1).text()); 
    }); 

이 코드는 항상 내가 행을 클릭 상관없이 실행 :

이

내가 지금까지 가지고있는 코드입니다. 그러나 모든 표 셀을 첫 번째 셀을 제외하고 클릭 할 수 있어야합니다.

가능합니까?

Answer 1

당신은 같은 것을 할 수있다 ". 클릭 된 요소가 td:first-child이거나 td:first-child 인 조상이있는 경우, 아무것도하지 않고, 그렇지 않으면 계속"

$('.table tbody tr').on('click', function(e) { 
    if ($(e.target).closest('td:first-child').length) { 
     return; 
    } 

    // your code 
}); 

이 말한다)},

$('.table tbody tr:not(:first-child)').click(function (e) { 
    alert ($(this).find('td').eq(1).text()); 
}); 

Answer 2

CSS를하지 선택기를 사용하여 첫 번째 TR 요소를 건너

Answer 3

이 같은 위임 이벤트를 사용하려고

$('.table tbody tr').delegate('td', 'click', function() { 
    alert ($(this).text()); 
    // implement your logic... 

을;

jsFiddle