2009-01-22 11 views
100

tengo esta lista no ordenadajQuery anexar frontal/superior de la lista de

<ul> 
    <li>two</li> 
    <li>three</li> 
</ul> 

¿Hay alguna manera de anteponer a la lista desordenada de manera que quede como a continuación?

<ul> 
    <li>ONE</li> 
    <li>two</li> 
    <li>three</li> 
</ul> 

Observe que se ha agregado el "ONE" al FRONT/TOP de la lista.

Respuesta

238
$("ul").prepend("<li>ONE</li>"); 
36

Algo tan simple como este se debe trabajar;

$("ul").prepend("<li>ONE</li>");
7

uso anteponer instread de anexar

<h2>Greetings</h2>  
<div class="container"> 
<div class="inner">Hello</div> 
<div class="inner">Goodbye</div> 
</div> 

$('.container').prepend('<p>Test</p>'); 

refieren http://api.jquery.com/prepend/ para obtener más información.

+3

Si bien este enlace puede responder a la pregunta, es mejor incluir las partes esenciales de la respuesta aquí y proporcionar el enlace de referencia. Las respuestas de solo enlace pueden dejar de ser válidas si la página vinculada cambia. – Amit

+0

actualizó la respuesta –

Cuestiones relacionadas