Puedes usar la función each
de jQuery para recorrer todos los td
de la tabla, y si éste tiene el valor de No, añades al padre (tr
) de ese (td
) una clase, para que lo entiendas mejor e aquí un ejemplo:
Tenemos la siguiente clase CSS que aplicaremos con el script:
.no {
background: red;
}
Tenemos la siguiente tabla:
<table>
<tr>
<th>Company</th>
<th>Contact</th>
<th>Yes/No</th>
</tr>
<tr>
<td>Alfreds Futterkiste</td>
<td>Maria Anders</td>
<td>Yes</td>
</tr>
<tr>
<td>Centro comercial Moctezuma</td>
<td>Francisco Chang</td>
<td>Yes</td>
</tr>
<tr>
<td>Ernst Handel</td>
<td>Roland Mendel</td>
<td>No</td>
</tr>
<tr>
<td>Island Trading</td>
<td>Helen Bennett</td>
<td>No</td>
</tr>
<tr>
<td>Laughing Bacchus Winecellars</td>
<td>Yoshi Tannamuri</td>
<td>Yes</td>
</tr>
<tr>
<td>Magazzini Alimentari Riuniti</td>
<td>Giovanni Rovelli</td>
<td>Yes</td>
</tr>
</table>
Y con el siguiente guión usando jQuery puedes conseguir lo que pretendes:
$("td").each(function() {
var value = this.innerHTML;
if (/no/i.test(value)) {
$(this).parent('tr').addClass('no');
}
});
Como podrás apreciar en el código he usado una sencilla expresión regular, esto no es estrictamente necesario, pero si el valor de no fuese escrito por el usuario algunos pondrían NO, otros No, etc.
Ten en cuenta que esto afectará a todas las tablas, si quieres que
solo afecte a una determinada tabla con un determinado ID simplemente
cambias el selector de jQuery así: $("#id_tabla td")
Y recuerda en añadir la librería de jQuery: <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
Espero que te sirva de ayuda
Resultados posibles
, ya que si llenas la tabla desde lado del servidor, puedes validar esto desde ahí.