jquery anexar ao início / topo da lista

105

Eu tenho essa lista não ordenada

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

Existe uma maneira de acrescentar à lista não ordenada para que fique assim?

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

Observe que "UM" é adicionado à FRENTE / CIMA da lista.


fonte

Respostas:

249
$("ul").prepend("<li>ONE</li>");
dasony
fonte
38

Algo simples como isso deve funcionar:

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

use prefixo em vez de apêndice

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

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

consulte http://api.jquery.com/prepend/ para obter mais informações.

Ishan Liyanage
fonte