Is there a way in jQuery to replace only the textNode of an element without destroying any child DOM elements? Text we don't want replaced Text we want replaced When using `jquery.text([content])` it will replace any child nodes as well as the text content. Thus resulting in... Replaced Text To get around this issue, I use the javascript function: replaceWholeText, but is there a better more jQuery-esque way of doing this? $('a.button')[0].lastChild.replaceWholeText('Replacement Text'); Second question: Will this work in all browsers? jsfiddle example showing both the jQuery and Javascript methods: http://jsfiddle.net/highwayoflife/ABfMS/1/
"Second question: Will this work in all browsers?" Best to ask one question at a time. The question of whether jQuery has such a thing, and whether replaceWholeText is reliable cross-browser, are very different questions with different answers.