使用jQuery在gridview上选择行

时间:2014-04-16 12:36:56

标签: javascript jquery

我在下面有以下jQuery函数:

$("[id*=gridView1] td").on("click", function () {
    var row = $(this).parent();
    $("[id*=gridView1] tr").each(function () {
        if ($(this)[0] != row[0]) {
            $("td", this).removeClass("gridView1_selectedRow");
        }
    });

    var done = 0;
    $("td", row).each(function () {
    if (!$(this).hasClass("gridView1_selectedRow")) {
        $(this).addClass("gridView1_selectedRow");
    }
    else {
        $(this).removeClass("gridView1_selectedRow");
        }
    });
});

它的作用是在所选行上添加一个css类,添加高亮显示。

我的问题是我不希望我的用户突出显示或选择我的gridview的最后一行,因为它将是一行页码,而不是数据行。

我试过用这个:

 $("[id*=gridView1] tr:not(:last-child)")

但我最终突出显示了整个gridview或所有行。

任何帮助都将不胜感激。

谢谢!

1 个答案:

答案 0 :(得分:0)

您是否尝试过:$("[id*=gridView1] tr:not(:last)")

这会让你的整个脚本像这样:

$("[id*=gridView1] tr:not(:last)").on("click", function () {
    $(this).parent().find(".gridView1_selectedRow").removeClass("gridView1_selectedRow");
    $(this).addClass("gridView1_selectedRow")
});