Come modificare solo il testo all'interno di un div che ha altri div

Question

Ho html qui sotto. Quello che voglio fare dipende da alcune condizioni. Voglio continuare a cambiare il testo che è Sometitle.

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

Ho provato a utilizzare Jquery in basso ma rimuove anche gli altri div.

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

Come si ottiene? Non posso modificare questo HTML in ogni caso. Devo solo usare jquery e fare questa cosa.

Ecco un jsfiddle ho creato: http://jsfiddle.net/qYUBp/

Answer 1

Se non volete che in una sola riga.

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

jsfiddle

Answer 2

Quel testo Sometitle è un nodo orfana, si sta andando a voler avvolgere un elemento attorno ad esso per manipolare correttamente

EDIT

Ma dal momento che purtroppo non è possibile modificare l'html, è possibile fare come suggerisce la soluzione nello other post. Avevano un errore di battitura che ho corretto qui:

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

controllare il vostro updated JsFiddle

Answer 3

provare questo

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

Answer 4

per questo caso solo, quando il rendering al browser

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

Answer 5

si può controllare questo

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