Ver Mensaje Individual
  #2 (permalink)  
Antiguo 12/01/2014, 16:29
Avatar de Alexis88
Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.552
Antigüedad: 12 años, 5 meses
Puntos: 977
Respuesta: Añadir estilo a unas filas.

Mediante la propiedad style.

Código Javascript:
Ver original
  1. var fila = document.createElement("tr"),
  2.     contenido = [
  3.                   item.id_aviso, item.telefonos,
  4.                   item.name + ' ' + item.apellidos, item.calle,
  5.                   item.localidad, item.aparatos, item.marcas, item.facturacion
  6.                 ];
  7.  
  8. if (data === 1){
  9.     fila.style.background = "#f00";
  10.     fila.style.color = "#fff";
  11. }
  12.  
  13. for (i = 0, limite = contenido.length; i < limite; i++){
  14.     var columna = document.createElement("td");
  15.     columna.innerHTML = contenido[i];
  16.     fila.appendChild(columna);
  17. }
  18.  
  19. $("#data tbody").append(fila);

Creo un elemento de fila de tabla, inserto todos los valores en un array, compruebo el valor de data para asignarle a la fila un color de fondo y texto (rojo de fondo y blanco para el texto) y con ayuda de un bucle, recorro el array con los datos, para ir creando una celda por cada dato que terminaré insertando en dicha celda y ésta a la fila. Cuando acabe todo, se inserta la fila en la tabla. Todo este proceso se repetirá una y otra vez dentro del bucle determinado por $.each.

El signo de igualdad estricta (3 signos de igualdad), lo uso para comprobar que el valor de data sea igual a 1 tanto en valor como en tipo de dato, ya que el 1 también equivale al valor booleano true.

Así se vería en ejecución (con datos ficticios): http://jsbin.com/adIZEyu/1

Saludos
__________________
«Juro por mi vida y mi amor por ella, que jamás viviré para el provecho de otro hombre, ni le pediré a otro hombre que viva para el mío».

Ayn Rand