Hola a todos, estoy intentando cambiar el css de un < table > desde jQuery leyendo el contenido del mismo.
Es decir, se cargan X tablas dinámicamente con 4 < tr > y un < td > en cada < tr > y quiero hacer que si el último < td > de la tabla X contiene la palabra
Espera, el div que contiene a la tabla tome el color de fondo verde, sino que siga con el que tiene.
Código Javascript
:
Ver original$(document).ready(function(){
var contenido = $("#divtabla table tr:nth-child(4) td").html(); /*Leo el contenido del <td> del útlimo <tr>*/
if(contenido == "Espera"){
$("#divtabla").css({"background-color":"#22c108"});
};
});
Le he dado mil vueltas al asunto y nada...creo que solo me esta leyendo el último < td > del último < tr > de la primera tabla.
En cambio si haciendo pruebas pongo esto:
Código Javascript
:
Ver original$(document).ready(function(){
var contenido = $("#divtabla table tr:nth-child(4) td").html("Espera");
});
me pone todos los ultimos td con la palabra Espera
o esto
Código Javascript
:
Ver original$(document).ready(function(){
if($("#divtabla table tr:nth-child(4) td").html("Espera")){
$("#divtabla").css({"background-color":"#22c108"});
};
});