如何在现有的<ul>中添加<li>？

Question

如何在现有的<ul>中添加<li>？

我的代码看起来像这样：

<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

这样做：$("#header&nbsp;ul").append('<li><a&nbsp;href="/user/messages"><span&nbsp;class="tab">Message&nbsp;Center</span></a></li>');两件事情：你可以将它附加<li>到<ul>自身。您需要使用与您在HTML中使用的相反类型的引号。因此，由于您在属性中使用双引号，请使用单引号括起代码。

Answer 2

您应该附加到容器，而不是最后一个元素：$("#content&nbsp;ul").append('<li><a&nbsp;href="/user/messages"><span&nbsp;class="tab">Message&nbsp;Center</span></a></li>');该追加（）函数应该可能已经被调用的add（）&nbsp;jQuery中，因为它有时混淆人民。你会认为它在给定元素之后附加了一些东西，而它实际上将它添加到元素中。