如何使jquery网格标题不可点击?

时间:2011-06-28 12:15:48

标签: jquery gridview header

我在jquery模式窗口中有一个gridview。此网格根据页面上的用户选择显示不同的结果。 因此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");

    });

但这使得标题行也可以点击,悬停也会改变样式。如何将标题行设为不可点击?

1 个答案:

答案 0 :(得分:2)

使用:not():first选择器:

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

Demo

<小时/> 修改
要使页眉和页脚行无法点击,您可以将:not():first:last选择器合并:

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