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

See In action

Markup :

$(function() {
  $('input[type=button]').one('click', function() {
    var cache = $('#parent').children();
    $('#parent').text('Altered Text').append(cache);
  });
});

Some text
  
Child1
  
Child2
  
Child3
  
Child4