Question

我需要你的帮助，

如何修改下面的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>

Answer 1

您可以修改html或使用：$("#data tr:not(:first)").click(function() {

Answer 2

使用第一行的:gt()选择器：

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

<强> jsFiddle example

这会将click事件绑定到除第一行之外的所有行。

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

2 个答案: