堆栈内存溢出
  繁体   English   中英

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

[英]How to add a list item to an existing unordered list

 原文  2009-07-17 19:28:37  2   14    jquery/ jquery-append

问题描述

我有如下代码：

<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的最佳方法是什么？

14 个解决方案

解决方案1
 836 已采纳  2009-07-17 19:29:55

我有如下所示的代码：

<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的最佳方法是什么？

解决方案2
 521  2011-11-09 09:33:25

我有如下所示的代码：

<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的最佳方法是什么？

解决方案3
 52  2012-01-18 07:06:41

我有如下所示的代码：

<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的最佳方法是什么？

解决方案4
 51  2014-03-07 00:42:01

我有如下所示的代码：

<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的最佳方法是什么？

解决方案5
 29  2014-09-30 12:58:02

我有如下所示的代码：

<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的最佳方法是什么？

解决方案6
 17  2009-07-17 19:30:38

我有如下所示的代码：

<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的最佳方法是什么？

解决方案7
 7  2009-07-17 19:29:41

我有如下所示的代码：

<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的最佳方法是什么？

解决方案8
 7  2009-07-17 19:32:21

我有如下所示的代码：

<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的最佳方法是什么？

解决方案9
 7  2012-02-02 17:32:16

我有如下所示的代码：

<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的最佳方法是什么？

解决方案10
 4  2015-09-21 09:19:00

我有如下所示的代码：

<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的最佳方法是什么？

解决方案11
 3  2016-05-25 03:24:51

我有如下所示的代码：

<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的最佳方法是什么？

解决方案12
 2  2014-09-30 12:49:37

我有如下所示的代码：

<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的最佳方法是什么？

解决方案13
 0  2020-06-17 11:25:02

我有如下所示的代码：

<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的最佳方法是什么？

解决方案14
 0  2021-12-29 17:49:43

使用jquery 的append()函数在ul添加li作为第一项

$("ul").append("<li>first item</li>");

使用jquery 的prepend()函数在ul添加li作为最后一项

$("ul").append("<li>last item</li>");

暂无
暂无

声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 如何将新列表项添加到无序列表 jQuery - 如何动态地将列表项添加到无序列表？ 删除列表项并将其添加到无序列表 如何添加无序列表项目符号 如何从无序列表中选择项目 无序列表-列表项位置 如何 select 嵌套无序列表的最后一项 替换无序列表中的列表项 如何添加具有与无序列表ID相同的类名的列表项？ 如何遍历无序列表，然后选择列表项的父div
相关标签
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM