Substitua apenas o texto dentro de um div usando jquery

Eu tenho um div como:

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

Estou tentando alterar apenas o texto de "Oi, sou o texto" para "Oi, sou substituir" usando jquery. Isso pode ser fácil, mas não sou capaz de fazer isso.

Usar $('#one').text('')apenas esvazia todo o #Onediv.

O texto não deve estar sozinho. Coloque-o em um spanelemento.

Altere para este:

<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');

Encontre os nós de texto ( nodeType==3) e substitua textContent:

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

Exemplo ao vivo: http://jsfiddle.net/VgFwS/

Você precisa definir o texto para algo diferente de uma string vazia. Além disso, a função .html () deve fazer isso preservando a estrutura HTML do div.

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

Se você realmente sabe o texto que vai substituir, pode usar

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

http://jsfiddle.net/5rWwh/

Ou

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

$('#one').contents(':not(*)') seleciona nós filhos não-elementos neste caso nós de texto e o segundo nó é aquele que queremos substituir.

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

Outra abordagem é manter esse elemento, alterar o texto e anexar esse elemento de volta

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

Apenas no caso de você não conseguir alterar o HTML. Muito primitivo, mas curto e funciona. (Isso esvaziará o div pai, portanto, os divs filhos serão removidos)

$('#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>