In my web browser userscript project I need to replace just one text node without affecting the other HTML elements under the same parent node as the text. And I need to replace it with more than one node:

<div id="target">
    some text<img src="/image.png">
</div>

Needs to become:

<div id="target">
    <a href="#">mixed</a> text <a href="#">and</a> HTML<img src="/image.png">
</div>

I know jQuery doesn't have a whole lot of support for text nodes. I know I could use direct DOM calls instead of jQuery. And I know I could just do something like $('#target').html(my new stuff + stuff I don't want to change).

What I'd like to ask the experts here is, Is there a most idiomatic jQuery way to do this?