jQuery anexar al final de la lista

Question

Puede alguien dar una mano

tengo esta lista no ordenada

<ul id="nav"> 
<li><a href="whatwedo.aspx">WHAT WE DO</a> 
<ul> 
    <li><a href="development.aspx">Development</a></li> 
    <li><a href="marketassessment.aspx">MARKET ASSESSMENT AND CONCEPT DEVELOPMENT</a></li> 
    <li><a href="planning.aspx">DEVELOPMENT PLANNING AND OVERSIGHT</a></li> 
    <li><a href="preopening.aspx">PRE-OPENING OPERATIONAL SERVICES</a></li> 
    <li><a href="operations.aspx">OPERATIONAL MANAGEMENT SERVICES</a></li> 
    <li><a href="turnaround.aspx">TURNAROUND SERVICES</a></li> 
    <li><a href="news.aspx">NEWS</a></li> 
</ul> 
</li> 
<li><a href="ourparks.aspx">OUR PARKS</a></li> 
<li><a href="contact.aspx">CONTACT US</a></li> </ul> 

Y quiero añadir una nueva lista a la parte inferior de la lista.

<li class="last_link"><a href="https://projects.parc-services.com" target="blank">Login</a></li> 

¿Lo haré haciendo algo como esto?

$("#nav ul").prepend("<li></li>"); 

Answer 1

Si desea agregar al final utilice el método append() en lugar de prepend():

$('#nav ul').append('<li class="last_link"><a href="https://projects.parc-services.com" target="blank">Login</a></li>'); 

o como yo prefiero:

$('#nav ul').append(
    $('<li/>', { 
     'class': 'last_link', 
     html: $('<a/>', { 
      href: 'https://projects.parc-services.com', 
      target: '_blank', 
      text: 'Login' 
     }) 
    }) 
); 

Answer 2

prepend añade algo al comienzo de una elemento. append se usa para agregar algo al final.

$("#nav ul").append($("<li></li>").html('something')); 

Y si desea agregar una clase, o cualquier otra cosa que pueda:

$("#nav ul").append($("<li></li>").html('something') 
            .addClass('myclass'));