Ganti hanya teks di dalam div menggunakan jquery

Saya memiliki div seperti:

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

Saya mencoba mengubah hanya teks dari "Hai, saya teks" menjadi "Hai, saya mengganti" menggunakan jquery. Ini mungkin mudah tetapi saya tidak dapat melakukannya.

Menggunakan $('#one').text('')hanya mengosongkan seluruh #Onediv.

Teks tidak boleh berdiri sendiri. Masukkan ke dalam spanelemen.

Ubah menjadi ini:

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

Temukan node teks ( nodeType==3) dan ganti textContent:

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

Contoh langsung: http://jsfiddle.net/VgFwS/

Anda perlu mengatur teks ke sesuatu selain string kosong. Selain itu, fungsi .html () harus melakukannya sambil mempertahankan struktur HTML dari div.

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

Jika Anda benar-benar tahu teks yang akan Anda ganti, Anda dapat menggunakan

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

http://jsfiddle.net/5rWwh/

Atau

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

$('#one').contents(':not(*)') memilih node anak non-elemen dalam hal ini node teks dan node kedua adalah yang ingin kita ganti.

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

Pendekatan lain adalah mempertahankan elemen itu, mengubah teks, lalu menambahkan elemen itu kembali

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

Untuk berjaga-jaga jika Anda tidak dapat mengubah HTML. Sangat primitif tapi pendek & ampuh. (Ini akan mengosongkan div induk sehingga div anak akan dihapus)

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