JQuery change inner text but preserve html

Question

I would like to change the text of a HTML element but preserve the rest of the inner html with jQuery.

For instance:

Some         


        

Answer 1

An alternative way would be to use the contents() method as follows:

Given

Some text 

you can replace 'Some text' with jQuery

var text = $('a').contents().first()[0].textContent;
$('a').contents().first()[0].textContent = text.replace("Some text", "Other text");

jsFiddle example here.

The idea of contents() was inspired by this question, answered by user charlietfl.