/ / Destacar solo UNO <tr> en una tabla - javascript, jquery, html

Resaltando solo UNO <tr> en una tabla - javascript, jquery, html

Lo necesito así que cuando haces clic en una fila de la tablaresalta solo esa UNA fila en la tabla, si el usuario hiciera clic en otro TR de la misma tabla, deseleccionará el TR seleccionado previamente y resaltará el seleccionado.

¿Ayuda?

Lo que estoy usando ahora es

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

Respuestas

6 para la respuesta № 1

Prueba esto:

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; }