jquery - 在点击事件中选择一个元素

我正在尝试更改表中所选行的类。每行都以相同的类名开头。每当用户单击图像时，类名都会更改。
（考虑gmail的已加星标/未加星标的电子邮件）

我有以下代码

$(document).ready(function() {
$(".notSelected").click(function() {
    $(".notSelected").removeClass(".notSelected").addClass(".selected");
    });
});​

编辑：我要标记/突出显示每个选定的行。
jsfiddle

关于如何解决这个问题有什么建议吗？
谢谢

最佳答案

当有人单击.notselected并将其更改为“ selected”时，这将更改类。 Remove和AddClass必须不带点。此外，您未选择类别名称，而不是未选择类别。

$(document).ready(function() {
    $(".notselected").click(function() {
     $(this).removeClass("notselected").addClass("selected");
    });
});​

见http://jsfiddle.net/J8Ehr/1/

顺便说一句，toggleClass也许会帮助您以另一种方式定义它。

另一句话：您想更改行类，以上答案只会更改字段类。如果要更改行的类，请尝试以下操作（未经测试）：

$(document).ready(function() {
    $(".notselected").click(function() {
     $(this).parent('tr').removeClass("notselected").addClass("selected");
    });
});​