Question

I need it so when you click on a table row it highlights only that ONE row in the table, if the user was to click another TR from the same table it will deselect the previously selected TR and highlight the clicked one.

Help?

What im using now is

<tr onclick="style.backgroundColor='#eaf0f5';"> ..... </tr>

Answer 1

Try this:

jQuery 1.7+

$("table tr").on('click', function() {
    $("table tr").removeClass("highlight");
    $(this).addClass("highlight");
});

jQuery <1.7

$("table tr").click(function() {
    $("table tr").removeClass("highlight");
    $(this).addClass("highlight");
});

CSS

.highlight { background-color: #FF0; }