I want to replace my HTML texts that are wrapped by `em` and `u` tags.

so for example:

```
<div id='test'>
This is the test and <em> <u> texts here will need to be replaced </u></em> to a link.
</div>

```

I want to make every word of `'texts here will need to be replaced' linkable`. so in my case it has sever `<a>` tags.

My codes are

```
var texts = $('#test');
        texts.find('em u').each(function(){
        var text = $(this).html();
        $(this).replaceWith("<a href='#' class='link' onclick='return false;'>" + text + "</a>");
    })

```

There are two issues of my codes.
I can't seem to 'find' the texts under `<em><u>` tag. if I change to `find('u')` it works.

2.I want to have 7 a tags for my results so `'texts' 'here' 'will' 'need' 'to' 'be' 'replaced'` will be linkable. My codes only create 1 link for 7 words.

Can anyone help me with it?