jQuery que altera formatação do texto dentro de uma tag

[rikaschmitt 54]

Boa tarde.

 

Resultado esperado:

 

 

 

Tenho o valor "29,90" dentro da tag <p>.

Existe algum jquery que pega os números depois da vírgula e deixa eles pequenos e para cima?

 

Sei que posso fazer direto no css. O problema é que o valor será inserido no banco de dados por um campo, e será inteiro, então eu precisaria dividir o valor para que seja inserido já separado... cada valor com uma classe diferente.

[Marlon Pacheco 132]

Buenas tchê.

 

Seria mais ou menos assim? http://codepen.io/marlonlp/pen/HpmJg

P.S. Não consigo visualizar a imagem. Estou na empresa agora e o link é bloqueado.

[rikaschmitt 54]

Buenas tchê.

 

Seria mais ou menos assim? http://codepen.io/marlonlp/pen/HpmJg

P.S. Não consigo visualizar a imagem. Estou na empresa agora e o link é bloqueado.

 

 

Exatamente!

 

valeu :yes:

Só uma coisa.

Editei seu código para adequar ao meu:

 

var inteiro = SC('.span6').text().split(',')[0];
var superior = SC('.span6').text().split(',')[1];
SC('.span6').empty();
SC('.span6').html(inteiro + "<sup>," + superior + "</sup>");

Não está funcionando. O ".span6" é uma classe.

O "SC" é apenas uma variavel noConflict que eu criei.

[Marlon Pacheco 132]

Posta o html.

[rikaschmitt 54]

Já resolvi! :natalbiggrin: Estava faltando um detalhe hehehe.

 

Na verdade, deu certo, mas quando adicionei mais valores, parece que ele pega o "valor" de todos os campos e formata. Pensava que ele pegava e formatava individualmente.

[Marlon Pacheco 132]

Atualizei o link (http://codepen.io/marlonlp/pen/HpmJg). Acho que agora resolve de vez.

$('.span6').each(function() {
  var inteiro = $(this).text().split(',')[0];
  var superior = $(this).text().split(',')[1];
  $(this).empty();
  $(this).html(inteiro + "<sup>" + superior + "</sup>");  
});

[rikaschmitt 54]

 

Atualizei o link (http://codepen.io/marlonlp/pen/HpmJg). Acho que agora resolve de vez.

$('.span6').each(function() {
  var inteiro = $(this).text().split(',')[0];
  var superior = $(this).text().split(',')[1];
  $(this).empty();
  $(this).html(inteiro + "<sup>" + superior + "</sup>");  
});

 

\o\ \o\ funcionou!

 

valeu!