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:

[js]
//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'); } }); [/js] Claro que é necessário ter uma tabela e coluna identificada né: [html]

[/html]

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 *