我有这样的代码:
<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
的最佳方法是什么?
最佳答案
这样就可以了:
$("#header ul").append('<li><a href="/user/messages"><span class="tab">Message Center</span></a></li>');
两件事:
- 您可以只附加
<li>
到<ul>
本身。 - 您需要使用与您在 HTML 中使用的引号类型相反的引号。因此,由于您在属性中使用了双引号,因此请用单引号将代码括起来。
关于jquery - 如何将列表项添加到现有的无序列表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1145208/