как активировать функцию, только если щелкнуть первый столбец с jquery?

Question

Как активировать этот код, только если нажать на первый столбец строки? tr>td:first: не работает

$('#tbldata tbody').on( 'click', 'tr', function () {
    if ( $(this).hasClass('selected') ) {
    } else {
        table.$('tr.selected').removeClass('selected');
        $(this).addClass('selected');
    }
} );

Answer 1

$('#tbldata tbody').on( 'click', 'tr td:first-child', function (e) {
    if ( ! $(this).parent().hasClass('selected') ) {
        $(this).closest('tbody').find('tr.selected').removeClass('selected');
        $(this).parent().addClass('selected');
    }
}); 

Answer 2

Вы можете изменить свой селектор, чтобы он соответствовал first child (td) строки таблицы, а затем используйте $(this).parent(), чтобы установить класс строки:

$('#tbldata tbody').on( 'click', 'tr td:first-child', function () {
if ( $(this).parent().hasClass('selected') ) {
} else {
    table.$('tr.selected').removeClass('selected');
    $(this).parent().addClass('selected');
}