Mudar cor de texto especifico com jquery

[diegohamaz 0]

Galera eu tenho uma tabela criada com json e estou tentando mudar a cor do texto só depois de onde vem o cifrão estou tentando fazer isso

 

 

$('.google-visualization-table-table:eq(0)').find("td:contains('R$')").each(function(i){
// Aplica a cor de fundo
var teste = $(this).text().substr(-5);
$(teste).css('color','red')
});

 

se eu dou console.log no teste ele exibe exatamente o texto que quero , porem quando aplico o css ele nao funciona

 

TypeError: teste.css is not a function

teste.css('color','red')

 

e nem assim $(teste)

 

 

aonde estou errando alguem tem idéia? ou não é possível fazer o que eu quero?

[kikombat 16]

não testei mas voce poderia inserir o texto selecionado dentro de uma tag qualquer, um span por exemplo

 

$('.google-visualization-table-table:eq(0)').find("td:contains('R$')").each(function(i){
                  // Aplica a cor de fundo
                  var teste = $(this).text().substr(-5);
$(this).html('<span class="red">'+teste+'</span>');
                  $('.red').css('color','red');

});

[diegohamaz 0]

Muito bom .. é quase isso

 

 

$('.google-visualization-table-table:eq(0)').find("td:contains('R$')").each(function(i){
// Aplica a cor de fundo
var teste = $(this).text().substr(-5);
$(this).append('<span class="red">R$'+teste+'</span>');
$('.red').css('color','red');

});

 

Usei o ppend e ele colocou em vermelho exatamente como eu queria agora como eu apago o texto anterior??

 

a variavel teste na verdade

Consegui obrigado pela sua ajuda !

 

 

$('.google-visualization-table-table:eq(0)').find("td:contains('R$')").each(function(i){
var teste = $(this).text().substr(-7);
console.log(teste);
var teste1 = $(this).text().substring(0,($(this).text().length - 7));
console.log(teste1);
//$(this).append('<span class="red">R$'+teste+'</span>');
// $('.red').css('color','red');
});

[kikombat 16]

novamente não fiz teste algum mas fica a idea

poderia fazer assim:

1º salve o texto em numa variável

2º limpe a td $(this).text('')

3º adicione novamente o texto da esta na variével ja com as modificações no html

 

$('.google-visualization-table-table:eq(0)').find("td:contains('R$')").each(function(i){
                  // Aplica a cor de fundo
var teste = $(this).text().substr(-5);
$(this).text('');
$(this).append('<span class="red">R$'+teste+'</span>');
                  $('.red').css('color','red');

});