¿Cómo verifico el valor de css usando jQuery?

Question

Después de que el usuario haga clic en una fila de la tabla, quiero que compruebe si el color de fondo de la fila de la tabla es blanco, y si es así, cambiará el color a azul claro.

El código que estoy usando no funciona. Aquí está:

$("#tracker_table tr#master").click(function(){ 
    if($(this).css("background-color") == "#FFFFFF") { 
    $(this).css("background-color", "#C2DAEF"); 
    } 
}); 

Creo que hay algo mal con mi sentencia if. ¿Cómo verifico el valor de css usando jQuery?

Answer 1

parece que se volvió en forma rgb(x, y, z), por lo que el código debe ser:

$("#tracker_table tr#master").click(function(){ 
    if($(this).css("background-color") == "rgb(255, 255, 255)") { 
    $(this).css("background-color", "#C2DAEF"); 
    } 
}); 

Editar: Dicho esto, me gustaría sugerir que utilice clases en lugar de inspeccionar/ajustar las propiedades de CSS directamente . Algo como esto:

$("#tracker_table tr#master").click(function(){ 
    if(!$(this).hasClass("selected")) { 
    $(this).addClass("selected"); 
    } 
}); 

Css:

tr { background-color: #FFFFFF; } 
tr.selected { background-color: #C2DAEF; } 

Answer 2

bien esto puede funcionar, en efecto, que está almacenando la información en forma de colores, y luego recuperar y comparar esta información más adelante. Alconja sugiere un enfoque que funcionará, pero, en última instancia, es mejor que trabajes con clases, cuyos nombres puedes definir con el significado adecuado. Es mucho más amigable y menos frágil para tener algo como esto:

$('#tracker_table tr#master').click(function(){ 
    if ($(this).hasClass('something')) { 
     $(this).removeClass('something').addClass('something_else'); 
    } 
})