как сделать заголовок сетки jquery не кликабельным?

Question

У меня есть сетка в модальном окне jquery. эта сетка отображает разные результаты в зависимости от выбора пользователя на странице. следовательно, div заполняется во время выполнения набором данных и заголовками столбца.

Я выделяю нажатую строку, как показано ниже

$('#imyGrid tr').click(function() {
        $('#<%=myGrid.ClientID%> tr').removeClass("selected");
        $(this).addClass("selected");

    });

и выделение парения как

$('#<%=myGrid.ClientID%> tr').mouseover(function() {
    $(this).addClass("highlight");
    });

    $('#<%=myGrid.ClientID%> tr').mouseout(function() {
    $(this).removeClass("highlight");

    });

Но это делает строку заголовка кликабельной, а при наведении курсора также меняется стиль Как сделать строку заголовка не кликабельной?

Answer 1

Используйте селекторы :not() и :first:

$('#<%=myGrid.ClientID%> tr:not(:first)')

Демо

---

EDIT:
Чтобы сделать строки верхнего и нижнего колонтитула не кликабельными, вы можете комбинировать :not() с селекторами :first и :last:

$('#<%=myGrid.ClientID%> tr:not(:first,:last)')