1

Tenho feito para criar um elemento ( uma tag ) o seguinte código:

var b = $('<div>').css('color','red');

Desta maneira acima terei uma div com o texto de cor vermelho ok, agora é o seguinte.

Estou recebendo uma STRING que contém todo o código da tag assim:

var a = "<div style=\"text-overflow: ellipsis; overflow: hidden; padding-bottom: 2px; text-align: center; margin-top: 4px;\">47782</div>";
$(a).css('color','red'); //TENTATIVA DE ALTERAR A COR, MAS NÃO DA ERRO NEM FUNCIONA

Porém não esta alterando, eu não posso criar essa tag como no primeiro trecho de código, pois o conteúdo dessa string é recebida de forma dinamica no meu script.

Minha dúvida é se tem como eu via jQuery fazer a modificações ou vou ter que fazer tudo na mão mexendo diretamente na string toda?

2 Respostas 2

1

Use jQuery.parseHTML() para transformar tua string em um objeto do dom, depois tu pode inserir esse objeto na página.

var a = "<div style=\"text-overflow: ellipsis; overflow: hidden; padding-bottom: 2px; text-align: center; margin-top: 4px;\">47782</div>";
var meuHtml = $.parseHTML(a);
$(meuHtml).css('color','red');
$("body").append(meuHtml);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<body>
  
</body>

1
  • Obrigado, ficou muito bom desse jeito. Commented 14/08/2015 às 19:01
0

Consegui fazendo uma bela de uma gambiarra

var a = "<div style=\"text-overflow: ellipsis; overflow: hidden; padding-bottom: 2px; text-align: center; margin-top: 4px;\">47782</div>";
    
$('body').append(
  $(a).wrap('<div>').css('color','red').parent().html()  
);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .