Selecionando objetos com Jquery

Com base neste artigo, ficou fácil fazer com que determinada coluna em uma tabela alternasse a cor, de acordo com o valor recebido.

No meu caso, tinha uma coluna com datas(dataPrazo), e queria que essas datas ficassem verde ou vemelho de acordo com a data atual. Simples:

//Para colorir a dataPrazo pelo conteudo
 $("#tabela").find('.dataPrazo').each(function(i){

  if($(this).html().length > 0){

   var dataPrazo = $(this).html();
   dataPrazo = dataPrazo.replace(/(d+).(d+).(d+)/, "$3/$2/$1"); //modifica string para yyyy/mm/dd

   $(this).css('color', (new Date(dataPrazo) < = new Date()) ? 'red' : 'green');
  }

 }); 

Claro que é necessário ter uma tabela e coluna identificada né:

<td class="dataPrazo"/>
<table border="1" id="tabela"/>

A mágica toda esta na função “each” que permite que percorra cada elemento(representado por “this”) retornado pelo seletor $.

Foi útil pra você? Deixe um comentário….

Leave a Reply

Your email address will not be published. Required fields are marked *