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> 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> Cancelar</a>
</span>
</li>
Uma tentativa sem sucesso foi essa:
$("#"+idOfListItems+"").next().text($('#destination-service-dropdown option:selected').text());
$("#"+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.