Código de JQuery - Cambiar de color de las celdas según el contenido

Pos: 14

Val: 23

Ha mantenido su posición en JQuery (en relación al último mes)

Cambiar de color de las celdas según el contenido

JQuery

(2)

Publicado el 21 de Noviembre del 2017 por Miqi666

11.971 visualizaciones desde el 21 de Noviembre del 2017

Este código marca las filas de diferente color segun el texto del contenido de una des sus filas.
El código de abajo es un ejemplo de como funciona, es muy sencillo ojala les sirva....

color-segun-contenido

Requerimientos

No olviden agregar la libreria de JQUERY....

1.0
(2)

Publicado el 21 de Noviembre del 2017

gráfica de visualizaciones de la versión: 1.0

11.972 visualizaciones desde el 21 de Noviembre del 2017

<body>

<table>

  <tr>

    <td>ID</td>

    <td>DESCRIPCION</td>

    <td>ESTADO</td>

  </tr>

  <tr>

    <td>1</td>

    <td>DESCRIPCION 1</td>

    <td>TARGETED</td>

  </tr>

  <tr>

    <td>2</td>

    <td>DESCRIPCION 2</td>

    <td>ACTIVE</td>

  </tr>

    <tr>

    <td>4</td>

    <td>DESCRIPCION 2</td>

    <td>Declarable</td>

  </tr>

</table>

  </body>

</html>

<script>

$(function() {

  $("table td:last-child:contains(TARGETED)")

    .parents("tr")

    .css("background-color", "red");

	 $("table td:last-child:contains(ACTIVE)")

    .parents("tr")

    .css("background-color", "");

	 $("table td:last-child:contains(Declarable)")

    .parents("tr")

    .css("background-color", "yellow");

});

</script>

Comentarios sobre la versión: 1.0 (2)

xve

21 de Noviembre del 2017

muy útil!!!

Responder

carlos

16 de Diciembre del 2019

Excelente, mi sirvio completamente. Gracias por la solucion.

Responder

Comentar la versión: 1.0


Nombre

Correo (no se visualiza en la web)

Valoración

Comentarios...

CerrarCerrar

Es necesario revisar y aceptar las políticas de privacidad

Acepto las políticas de privacidad

http://lwp-l.com/s4316

Paint canvas con jQuery

Mostrar imagenes

Código de JQuery - Cambiar de color de las celdas según el contenido

Requerimientos

1.0(2)

Comentarios sobre la versión: 1.0 (2)

Comentar la versión: 1.0

Tienes que ser un usuario registrado para poder insertar imágenes, archivos y/o videos.

1.0
(2)