Substituir palavra e manter html

Pessoal,

Tenho o seguinte trecho de codigo:

<TD class=ms-gb2 colSpan=100 noWrap>
<IMG alt="" src="/_layouts/images/blank.gif" width=10 height=1>

<A onclick="javascript:ExpCollGroup('29-1_1_', 'img_29-1_1_',event, false);return false;" href="javascript:">
<IMG id=img_29-1_1_ border=0 alt=expandir src="/_layouts/images/plus.gif"> Estado do Fluxo
</A>

: VP

<SPAN style="unicode-bidi: bidi-override; DISPLAY: inline-block; FONT-WEIGHT: lighter">
 ‎(1)
</SPAN>
</TD>
Preciso substituir só o texto que está dentro da TD "VP" para XX. Só o texto, mantendo o html: <a>, <img> e <span>.

tentei desta forma:

<script>
$(document).ready(function() {

$("td.ms-gb2:contains('VP')").text("XX");

});
</script>

o problema é que ele vai substituir TUDO que está dentro da TD por XX, inclusive o HTML . Teria que ser só a palavra e manter o resto.
Alguem tem alguma solução?

Obrigado

abs