Reemplazar solo el texto dentro de un div usando jquery

Tengo un div como:

<div id="one">
       <div class="first"></div>
       "Hi I am text"
       <div class="second"></div>
       <div class="third"></div>
</div>

Estoy tratando de cambiar solo el texto de "Hola, soy texto" a "Hola, soy reemplazar" usando jquery. Esto puede resultar fácil, pero no puedo hacerlo.

Usar $('#one').text('')solo vacía todo el #Onediv.

El texto no debería estar solo. Ponlo en un spanelemento.

Cámbielo a esto:

<div id="one">
       <div class="first"></div>
       <span>"Hi I am text"</span>
       <div class="second"></div>
       <div class="third"></div>
</div>

$('#one span').text('Hi I am replace');

Busque los nodos de texto ( nodeType==3) y reemplace textContent:

$('#one').contents().filter(function() {
    return this.nodeType == 3
}).each(function(){
    this.textContent = this.textContent.replace('Hi I am text','Hi I am replace');
});

Ejemplo en vivo: http://jsfiddle.net/VgFwS/

Debe configurar el texto en algo que no sea una cadena vacía. Además, la función .html () debería hacerlo conservando la estructura HTML del div.

$('#one').html($('#one').html().replace('text','replace'));

Si realmente conoce el texto que va a reemplazar, puede usar

$('#one').contents(':contains("Hi I am text")')[0].nodeValue = '"Hi I am replace"';

http://jsfiddle.net/5rWwh/

O

$('#one').contents(':not(*)')[1].nodeValue = '"Hi I am replace"';

$('#one').contents(':not(*)') selecciona nodos secundarios que no son elementos en este caso, nodos de texto y el segundo nodo es el que queremos reemplazar.

http://jsfiddle.net/5rWwh/1/

Otro enfoque es mantener ese elemento, cambiar el texto y luego agregar ese elemento de nuevo

const star_icon = $(li).find('.stars svg')
$(li).find('.stars').text(repo.stargazers_count).append(star_icon)

Por si acaso no puede cambiar HTML. Muy primitivo pero corto y funciona. (Vaciará el div principal, por lo tanto, se eliminarán los divs secundarios)

$('#one').text('Hi I am replace');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div id="one">
  <div class="first"></div>
  "Hi I am text"
  <div class="second"></div>
  <div class="third"></div>
</div>