Eliminar texto después de <span> y agregar otro texto

Tengo problemas con jQuery al intentar eliminar un texto después de la etiqueta <span> para agregar otro texto.

Ejemplo:

<div id="foo-id">  
    <span id="span-id">  
        <i id="icon-id" class="fa fa-square-o"></i>  
    </span> text..here... (this text needs to be removed)
</div>

Sé cómo agregar el texto:

$('#foo-id').after()[0].append('this is a text');

Pero, ¿cómo puedo eliminar / borrar el texto después de la etiqueta </ span> para agregar una nueva?

Respuestas a la pregunta(2)

Su respuesta a la pregunta