How can I change an element's text without changing its child elements?

Question

I\'d like to update element\'s text dynamically:

   **text to change**
   
       text t         


        
      

Answer 1

    **text to change**
    
text that should not change
    
text that should not change

$(document).ready(function() {
    $("#divtochange").contents().filter(function() {
            return this.nodeType == 3;
        })
        .replaceWith("changed text");
});

This changes only the first textnode