Cómo agregar un elemento de lista en una posición específica
Me gustaría agregar un<li> en una posición específica, por ejemplo:
<ul id="list">
<li>Position 1</li>
<li>Position 2</li>
<li>Position 4</li>
<ul>
Digamos que quiero agregar un nuevo<li> debajo / después<li>Position 2</li>, ¿cómo puedo hacerlo usando jQuery?
Intenté hacerlo usando el siguiente código:
$('#list li:eq(1)').append('<li>Position 3</li>');
Pero, no funcionó, porque agrega el<li> dentro de<li>Position 2</li>, en su lugar agregue el<li> debajo / después del<li>Position 2</li>.
¿Alguien me puede ayudar?
Gracias.