如何解决jQuery追加到列表的底部
| 有人可以帮我吗 我有这个无序列表<ul id=\"nav\">
<li><a href=\"whatwedo.aspx\">WHAT WE DO</a>
<ul>
<li><a href=\"development.aspx\">Development</a></li>
<li><a href=\"marketassessment.aspx\">MARKET ASSESSMENT AND CONCEPT DEVELOPMENT</a></li>
<li><a href=\"planning.aspx\">DEVELOPMENT PLANNING AND OVERSIGHT</a></li>
<li><a href=\"preopening.aspx\">PRE-OPENING OPERATIONAL SERVICES</a></li>
<li><a href=\"operations.aspx\">OPERATIONAL MANAGEMENT SERVICES</a></li>
<li><a href=\"turnaround.aspx\">TURNAROUND SERVICES</a></li>
<li><a href=\"news.aspx\">NEWS</a></li>
</ul>
</li>
<li><a href=\"ourparks.aspx\">OUR PARKS</a></li>
<li><a href=\"contact.aspx\">CONTACT US</a></li> </ul>
我想在列表底部添加一个新列表。
<li class=\"last_link\"><a href=\"https://projects.parc-services.com\" target=\"blank\">Login</a></li>
我会通过做这样的事情来解决吗?
$(\"#nav ul\").prepend(\"<li></li>\");
解决方法
如果要在末尾添加,请使用
append()
方法而不是prepend()
:
$(\'#nav ul\').append(\'<li class=\"last_link\"><a href=\"https://projects.parc-services.com\" target=\"blank\">Login</a></li>\');
或我更喜欢:
$(\'#nav ul\').append(
$(\'<li/>\',{
\'class\': \'last_link\',html: $(\'<a/>\',{
href: \'https://projects.parc-services.com\',target: \'_blank\',text: \'Login\'
})
})
);
, prepend
在元素的开头添加一些内容。
append
用于在末尾添加内容。
$(\"#nav ul\").append($(\"<li></li>\").html(\'something\'));
如果您想添加一个类或其他任何内容,则可以:
$(\"#nav ul\").append($(\"<li></li>\").html(\'something\')
.addClass(\'myclass\'));
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。