Como adicionar um item de lista em uma posição específica
Eu gostaria de adicionar um<li> em uma posição específica, por exemplo:
<ul id="list">
<li>Position 1</li>
<li>Position 2</li>
<li>Position 4</li>
<ul>
Digamos que eu quero adicionar um novo<li> abaixo / depois<li>Position 2</li>, como posso fazer isso usando jQuery?
Eu tentei fazê-lo usando o código abaixo:
$('#list li:eq(1)').append('<li>Position 3</li>');
Mas, não funcionou, porque acrescenta o<li> dentro de<li>Position 2</li>, em vez disso, adicione o<li> abaixo / após o<li>Position 2</li>.
Alguém pode me dar alguma ajuda?
Obrigado.