jquery在操作Table的TR行的时候，怎么实现只能点击一行变色。求助

Question

比如有3行TR，点第一行变色，然后点第三行后第三行变色，第一行和第二行都不变色。也就是说只能实现点一行变色。不是点几行就变几行的色。以上的图的操作是错误的。上面实现的代码是：
//点击变色
/**
$('tr').toggle(
function (){
$(this).addClass('hover')
},
function (){
$(this).removeClass('hover')

});

求解啊，如何才能实现只能点击一行变色呢！！！

Answer 1

这个很简单
$('tr').click(function(){
$(this).addClass("hover").siblings().removeClass("hover");
});
这样试试，只要你的hover这个样式没问题，我保证就没问题。希望可以帮到你。

追问

你的也可以。 还有楼上上面的那个也可以。分只能给一个，你的简单点。符合Jquery的思想，分还是给你吧。

Answer 2

$('tr').toggle(
function (){
$("tr").each(function(i,val){
$(val).removeClass('hover')
});
$(this).addClass('hover')
},
function (){
$(this).removeClass('hover')
});

追问

我试试。

Answer 3

不用写遍历，直接用
$('tr').toggle(
function (){
$("tr").removeClass('hover')
$(this).addClass('hover')
},
function (){
$(this).removeClass('hover')

});

追问

你的我试过了，需要点两下才可以选中某行。

Answer 4

$("tr").click(function(){
$(".hover").removeClass("hover");

$("this").addClass("hover");

});

追问

你的不可以，没有条件执行都。