如何在现有的<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 ul").append('<li><a href="/user/messages"><span class="tab">Message Center</span></a></li>');

两件事情：

• 你可以将它附加<li>到<ul>自身。

• 您需要使用与您在HTML中使用的相反类型的引号。因此，由于您在属性中使用双引号，请使用单引号括起代码。

Answer 2

您应该附加到容器，而不是最后一个元素：

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

该追加（）函数应该可能已经被调用的add（） jQuery中，因为它有时混淆人民。你会认为它在给定元素之后附加了一些东西，而它实际上将它添加到元素中。