Jquery 删除表格中第一行和最后一行的背景颜色

Question

我试图在点击表格的第一行和最后一行时删除背景颜色。我正在尝试以下方式。是否有任何优化的方式来处理这个问题，以便我只能调用一次？

//Except First row
 $('#tblNames').on('click', 'tr:not(:first-child)', function () {
        var state = $(this).hasClass('highlighted');
        $('.highlighted').removeClass('highlighted');
        if (!state) { $(this).addClass('highlighted'); }
    });

//Except Last row
 $('#tblNames').on('click', 'tr:not(:last-child)', function () {
        var state = $(this).hasClass('highlighted');
        $('.highlighted').removeClass('highlighted');
        if (!state) { $(this).addClass('highlighted'); }
    });

Answer 1

 $('#tblNames').on('click', 'tr:not(:first-child), tr:not(:last-child)', function () {
        var state = $(this).hasClass('highlighted');
        $('.highlighted').removeClass('highlighted');
        if (!state) { $(this).addClass('highlighted'); }
    });

答案来源:jQuery on() method on multiple selectors