0

Minha necessidade no primeiro momento parece básica, mas não consigo encontrar uma forma de alterar o texto dentro de uma tag <span> que é gerada dinamicamente.

Abaixo segue o trecho do DOM na qual eu tenho o seguinte trecho: <span>Novo Teste</span>. Preciso simplesmente alterar o texto contido dentro da tag, mas sem destruir os elementos aninhados.

<li id="0"><span>Novo Teste</span><span class="acoes"> <a href="#" type="reset" class="btn btn-success edit-item" style="position: relative; top: -1px;"> <span class="entypo-pencil"> </span>&nbsp;&nbsp;Editar </a>
    <a id="$('#destination-service-dropdown option:selected').text()" href="#" type="reset" class="btn btn-danger del-item" style="position: relative; top: -1px;"> <span class="entypo-cancel-squared"></span>&nbsp;&nbsp;Cancelar</a>
    </span>
</li>

Uma tentativa sem sucesso foi essa:

$("#"+idOfListItems+"").next().text($('#destination-service-dropdown option:selected').text());
2
  • 1
    Testa .find('span') em vez de .next()
    – Sergio
    Commented 3/09/2015 às 20:41
  • Sergio, alterei para o seguinte $("#"+idOfListItems+"").find('span').text($('#destination-service-dropdown option:selected').text());, mas infelizmente não funcionou. Ele alterou o texto dos dois *span's e retirou meus botões. Commented 3/09/2015 às 21:06

1 Resposta 1

1

Eu resolveria da seguinte maneira:

var contSpan = $('li#'+idOfListItems).find('span');
$(contSpan[0]).html($('#destination-service-dropdown option:selected').text());

Testei aqui e funcionou.

2
  • Perfeito Yuri! Funcionou certinho. Commented 4/09/2015 às 2:39
  • Se quiser da pra melhorar o código, tava dando uma olhada aqui. $('li#'+idOfListItems).find('span').eq(0).html($('#destination-service-dropdown option:selected').text());
    – Yuri Godke
    Commented 4/09/2015 às 2:43

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 .