Question

I’m trying to figure out the jQuery statement to rename “apple” with “orange:”

<a id="alvin" href="http://www.camille.com"><ins class="xxx">Anna</ins>apple</a>

Can this be done easily?

Answer 1

I removed the # from the ID, since it is not a valid ID character.

Given that, try this:

Live Example: http://jsfiddle.net/u49wy/

var $contents = $('#alvin').contents();

$contents[$contents.length - 1].nodeValue = 'orange';

.contents() returns all the child nodes of the element, including text nodes.

The code then grabs the last element node (which is a text node) and updates its nodeValue, which is how you update the value of a text node.

• .contents() – http://api.jquery.com/contents