javascript - 单击时如何更改表行颜色并在单击另一行时恢复为原来的颜色？

Question

正如标题所解释的，我希望在单击某行时更改该行的颜色，然后在单击另一行时恢复该颜色，但仍会更改新单击行的颜色。

JQuery 中的解决方案将不胜感激。我只是无法破解这个。到目前为止我所拥有的，但它对我不起作用。

function loadjob(jobIDincoming, currentID){
$("#joblistingDetail").load('jobview.php' , {jobID: jobIDincoming}).hide().fadeIn('100');
var last = new Array();
last.push(currentID);
$(last[last.length-1]).closest('tr').css('background-color', 'white');
$(currentID).closest('tr').css('background-color', 'red');};

Answer 1

没有必要把事情复杂化。这是尽可能简单的。

$("table tr").click(function() {
   $("table tr").css("background", "#fff"); //reset to original color
   $(this).css("background", "#fo0"); //apply the new color
});