¿Cómo puedo eliminar un color de fondo de una tabla de Twitter Bootstrap?

Estoy usando Twitter Bootstrap v 2.0.1 y le he dado a mi tabla la clase de tabla rayada. Estoy tratando de cambiar el color de una fila si se hace clic. Esto funciona muy bien, excepto en cada fila n: th que no tiene un color de franja. Supongo que primero debo eliminar el color de rayas, pero mi bash está fallando. ¿Alguna idea de lo que me estoy perdiendo?

HTML

Col 1 Col 2 Col 3
Data 1 Data 2 Data 3
Data 1 Data 2 Data 3
Data 1 Data 2 Data 3

Mi (s) bash (s) de jQuery:

  $(document).ready(function(){ $('tr').click( function() { $(this).siblings().removeClass('table-striped'); //$(this).css('background-color', '#ff0000').siblings().removeClass('table-striped'); }); });  

¿Qué estoy haciendo mal?

Bueno, ya que se crean utilizando: tr:nth-child(odd) td , no podemos simplemente “eliminar” la tabla de rayas de tabla , ya que afectaría a toda la tabla.

Crea tu propia clase, digamos: .highlightBG { background:#5279a4; } .highlightBG { background:#5279a4; }

Y haz esto en su lugar:

 $('table.table-striped tr').on('click', function () { $(this).find('td').addClass('highlightBG'); // potentially even .toggleClass('highlightBG'); to alternate it }); 

table-striped es una clase en la tabla, no

o hermanos, así que cree una nueva clase para alternar en

o en jQuery parents('table') o cambie $(this) a $('table.table')

Al final, creo que desea mantener el trazado en todas las demás filas y cambiar la actual seleccionada, si ese es el caso, use la primera sugerencia y anule con una nueva clase css en $(this) No elimine la tabla -tripado y asegúrese de que su nueva clase tiene una mayor especificidad.