How to only change the text in a DOM element without replacing any child elements

Question

Hi I have a simple html structure

Title text inner text

What I want is to replace only the te

Answer 1

Another short jQuery solution:

$("h1").contents().first().replaceWith("new text");

DEMO: http://jsfiddle.net/FvbJa/1/