Appending after an element in jQuery

Question

I'm using jQuery in my current project. I have an list of elements with unique ids. I would like to pick out a particular element and append a new list item after that element. For example, if I have something like:

<ul>
    <li id="one">one</li>
    <li id="three">three</li>
</ul>

I would like to append <li id="two">two</li> after the list item with an id of one.

Thanks.

Answer 1

$('ul #one').after('<li id="two">two</li>');

Answer 2

使用富有想象力的after方法。