Как добавить <li>в существующий <ul>?

Question

У меня есть код, который выглядит так:

<div id="header">
    <ul class="tabs">
        <li><a href="/user/view"><span class="tab">Profile</span></a></li>
        <li><a href="/user/edit"><span class="tab">Edit</span></a></li>
    </ul>
</div>

Я бы хотел использовать jQuery, чтобы добавить в список следующее:

<li><a href="/user/messages"><span class="tab">Message Center</span></a></li>

Я пробовал это:

$("#content ul li:last").append("<li><a href="/user/messages"><span class="tab">Message Center</span></a></li>");

Но это добавляет новый li внутри последнего li (непосредственно перед закрывающим тегом), а не после него. Какой лучший способ добавить это li?

Answer 1

легко

// Creating and adding an element to the page at the same time.
$( "ul" ).append( "<li>list item</li>" );

Answer 2

Это еще один

$("#header ul li").last().html('<li> Menu 5 </li>');