小编典典

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

all

我的代码如下所示:

<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


阅读 85

收藏
2022-03-08

共1个答案

小编典典

这会做到:

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

两件事情:

  • 您可以将 附加<li><ul>自身。
  • 您需要使用与您在 HTML 中使用的相反类型的引号。因此,由于您在属性中使用双引号,因此请用单引号将代码括起来。
2022-03-08