1

Cambiar el color de borde y de fondo a las celdas que su valor sea mayor a 5, utilizando el método .each(), sin agregar clases ni ids.

tabla

index.html

<table id="proyecto">
                  <tr>
                    <td>1</td>
                    <td>4</td>
                  </tr>
                  <tr>
                    <td>6</td>
                    <td>9</td>
                  </tr>
  </table>

Jquery:

function tarea(){
$('#proyecto tr').each(function(){
        var celdas = $(this).find('td');
 }
}

1 respuesta 1

2

Realmente lo único que te falta hacer es capturar el contenido de cada celda y condicionar su valor, así:

function tarea(){
  $('#proyecto tr td').each(function(){
    var valor = $(this).text();
    
    if(valor > 5){
      $(this).css('background', 'red')
    }
  })
}

tarea();
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table id="proyecto">
  <tr>
    <td>1</td>
    <td>4</td>
  </tr>
  <tr>
    <td>6</td>
    <td>9</td>
  </tr>
</table>

1
  • 1
    muchas gracias :) me ha servido sos un crack
    – user129715
    Commented el 14 sept. 2019 a las 22:11

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.