は、私のようなdiv要素を持っているjqueryの

Question

を使用してdivの内側のテキストだけを交換してください：

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

私はjqueryのを使用して「こんにちは、私は置き換えています」に「こんにちは、私はテキストだ」からテキストのみを変更しようとしています。 これは簡単かもしれませんが、私はそれをすることができません。

$('#one').text('')を使用すると、すべて#One divが空になります。

Answer 1

テキストは、単独で使用しないでください。それをspan要素に入れてください。これに

変更を：

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

Answer 2

あなたは空の文字列以外にテキストを設定する必要があります。さらに、.html（）関数はdivのHTML構造を保持しながらそれを行う必要があります。

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

Answer 3

テキストノード（nodeType==3）を見つけ、textContentを置き換える：

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

ライブ例：http://jsfiddle.net/VgFwS/

Answer 4

をあなたが実際にあなたがあなたを交換しようとしているテキストが

を使用することができます知っている場合

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

http://jsfiddle.net/5rWwh/

それとも

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

$('#one').contents(':not(*)')は、この場合のテキストノード内の非要素の子ノードを選択し、第2のノードは、私たちが交換したいものです。

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

Answer 5

別のアプローチは、バック

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