他のdivを持つdiv内のテキストのみを変更する方法

Question

以下のhtmlがあります。私がしたいことは、いくつかの条件によって異なります。私はSometitleのテキストを変更し続けたいと思います。

<div id="header"> 
    Sometitle 
    <div> 
     <div> 
      aa 
     </div> 
     <div> 
      bb 
     </div> 
    </div> 
</div> 

私は以下のJqueryを使用してみましたが、他のdivも削除しました。

$("#header").text("Its a thrusday today !"); 

どのようにすればいいですか？いずれにしてもこのHTMLは変更できません。私はちょうどjqueryを使用して、このことを完了させる必要があります。ここで

は、私が作成したjsfiddleです： http://jsfiddle.net/qYUBp/

Answer 1

を試してみてください、あなたのupdated JsFiddle

Answer 2

テキストSometitleは孤児ノードが、あなたはそれを正しく操作するために、周りの要素をラップしたいしようとしているされていること、それ

EDIT

しかし残念ながら、htmlを変更することはできませんので、解決策としてはother postのようにすることができます。彼らは私がここに訂正さタイプミスだった：

var your_div = document.getElementById('header'); 
var text_to_change = your_div.childNodes[0]; 
text_to_change.nodeValue = 'new text'; 

を使用すると、単一の行でそれをたくない場合は、この

$("#header").html($("#header").html().replace("Sometitle","Its a thrusday today !")); 

Answer 3

をご確認ください。この場合の

var tmp=$("#header>div").html(); 
$("#header").text("its thursday").append('<div>'+tmp+'</div>'); 

jsfiddle

Answer 4

ブラウザ

var new_s = "Its a thrusday today !"; 
var s = $("#header").children(":first").html(); 
$("#header").text(new_s+"<div>"+s+"</div>"); 

Answer 5

にレンダリングする場合にのみ、あなたはこの

headerClone = $("#header").clone(); 
$(headerClone).find('div').remove(); 
var currentText = $(headerClone).html().replace(/(\r\n|\n|\r|\t)/gm,""); 

newHtml = $("#header").html().replace(currentText,"Gotcha"); 
$("#header").html(newHtml); 

JSFIDDLE