jquery - 如何将列表项添加到现有的无序列表

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

这样就可以了:

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

两件事:

• 您可以只附加 <li>到 <ul>本身。
• 您需要使用与您在 HTML 中使用的引号类型相反的引号。因此，由于您在属性中使用了双引号，因此请用单引号将代码括起来。