Javascript 使标题行不可单击（不要突出显示）标题

我需要你的帮助

如何修改下面的jQuery代码，使其不允许（阻止）用户选择（突出显示）顶部表格标题行？现在，表格中的每一行都是可选的

以下是jQuery：

$("#data tr").click(function() {

    var selected = $(this).hasClass("highlight");

    $("#data tr").removeClass("highlight");

    if (!selected) { $(this).addClass("highlight"); }

});

以下是HTML标记：

<table id="data" border="1" cellspacing="1" cellpadding="1">
    <tr>
        <th>header1</th>
        <th>header2</th>
        <th>header3</th>
        <th>header4</th>
        <th>header5</th>
    </tr>
    <tr>
        <td>data</td>
        <td>data</td>
        <td>data</td>
        <td>data</td>
        <td>data</td>
    </tr>
    <tr>
        <td>data</td>
        <td>data</td>
        <td>data</td>
        <td>data</td>
        <td>data</td>
    </tr>
    <tr>
        <td>data</td>
        <td>data</td>
        <td>data</td>
        <td>data</td>
        <td>data</td>
    </tr>
    <tr>
        <td>data</td>
        <td>data</td>
        <td>data</td>
        <td>data</td>
        <td>data</td>
    </tr>
    <tr>
        <td>data</td>
        <td>data</td>
        <td>data</td>
        <td>data</td>
        <td>data</td>
    </tr>
    <tr>
        <td>data</td>
        <td>data</td>
        <td>data</td>
        <td>data</td>
        <td>data</td>
    </tr>
</table>

校长1
校长2
校长3
校长4
校长5
数据
数据
数据
数据
数据
数据
数据
数据
数据
数据
数据
数据
数据
数据
数据
数据
数据
数据
数据
数据
数据
数据
数据
数据
数据
数据
数据
数据
数据
数据

在第一行使用

：gt（）

选择器：

$("#data tr:gt(0)").click(function () {

---

这会将单击事件绑定到除第一行以外的所有行。

您可以修改html或使用：

$（“#数据tr:not（：first）”）。单击（函数（）{

将它放在它所属的

中，然后将其余的行放在

中。当您选择DOM时，将其缩小到

中的行，如下所示：

$（“#data tbody tr”）