Как выбрать все столбцы таблицы в строке, но первый с помощью jQuery?

Question

Я хотел бы сделать мою таблицу row clickable. Все столбцы должны быть интерактивными, но первыми. Однако я хотел бы добиться этого, когда они нажимают на строку.

Это код, который я до сих пор:

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

Этот код выполняется всегда независимо от того, где я нажимаю в строке. Однако мне бы хотелось, чтобы все ячейки таблицы были доступны для клика, кроме первого.

Возможно ли?

Answer 1

Вы могли бы сделать что-то вроде этого:

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

    // your code 
}); 

Это говорит «если щелкнуть мышью элемент является td:first-child или имеет предка, который является td:first-child, ничего не делать, иначе продолжать.»

jsFiddle

Answer 2

Используйте CSS Не селектор и пропустить первый тр элемент:

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

Answer 3

попробуйте использовать делегат события, как это,

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

});