jQuery:如何在现有的<ul>中添加<li>?

  • 回答 (2)
  • 关注 (0)
  • 查看 (134)

我有这样的代码:

<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?

10083961008396提问于
秋之夕颜清念念不忘,必有回响回答于

你也可以用更多的“对象方式”来完成,而且仍然容易阅读:

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

那么你不必用引号打架,但是必须保留大括号:)

以往V回答于

你可以做到这一点:

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

只要做两件事情:

  • 你可以把它附加<li>到它<ul>自己。
  • 您需要使用与您在HTML中使用相反类型的引号。所以既然你在你的属性中使用双引号,用单引号括起代码。

扫码关注云+社区

领取腾讯云代金券