2010-02-15 17 views
6

Cómo se puede agregar li al medio de la ul.agregar li al medio de la ul (jquery)

Por ejemplo si tengo lista como esta:

<ul> 
<li>1</li> 
<li>2</li> 
<li>3</li> 
<li>4</li> 
<li>5</li> 
</ul> 

Y quiero añadir li addiion (<li>new</li>) después de la tercera lista?

+5

Por qué no has aceptado una respuesta a esta pregunta todavía? –

Respuesta

10

Trate de hacer esto:

$('ul li:nth-child(3)').after('<li>new</li>'); 
+2

esto supone una cantidad fija de artículos li ... mejor uso solución Aquino. Gracias de todos modos :) – numediaweb

29
var middle = Math.ceil($("#myUL li").length/2); 
$("#myUL li:nth-child(" + middle + ")").after('<li>Item New</li>'); 
+0

+1 solución más general. – tvanfosson

+2

middle debería haber sido Math.ceil ($ ("# myUL"). Children ("li"). Length/2); ya que podemos encontrar listas anidadas. 2 centavos – jronnybravo

Cuestiones relacionadas