Question

I have a paragraph:

<p class="links">Lorem <a href="#">diam</a> nonummy nibh <a href="#">Lorem</a></p>

And below that, I have a list:

<ul class="list">

</ul>

With jQuery, how can I do this:

• Look for all <a> elements found in <p class="links">
• Display all <a>‘s found inside said class
• Put all <a>‘s in <ul class="list"> and wrap all <a>‘s in an <li>

Answer 1

Try this:

edit:

$("p.links a").clone().appendTo('.list').wrap('<li />');

—> demo fiddle