本文共 2100 字,大约阅读时间需要 7 分钟。
我的代码看起来像这样:
我想使用jQuery将以下内容添加到列表中:
我试过这个:
$("#content ul li:last").append("
但是,这增加了新li
最后内 li
,后不是(在结束标记之前)。 添加这个li
的最佳方法是什么?
$("#content ul").append('
这样做:
$("#header ul").append('
两件事情:
<li>
附加到<ul>
本身即可。 您应该附加到容器,而不是最后一个元素:
$("#content ul").append('
append()函数应该在jQuery中被称为add() ,因为它有时会让人感到困惑。 你会认为它在给定元素之后附加了一些东西,而它实际上将它添加到元素中。
代替
$("#header ul li:last")
尝试
$("#header ul")
如果您只是在该li
添加文本,则可以使用:
$("#ul").append($("
这是另一个
$("#header ul li").last().html('
jQuery带有以下选项,可满足您在这种情况下的需求:
append
用于在选择器中指定的父div
的末尾添加元素:
$('ul.tabs').append('
prepend
用于在选择器中指定的父div
的top / start处添加元素:
$('ul.tabs').prepend('
insertAfter
允许您在指定的元素后面插入选择的元素。 然后,您创建的元素将在指定的选择器结束标记之后放入DOM中:
$('
insertBefore
将执行与上述相反的操作:
$('
简单
// Creating and adding an element to the page at the same time.$( "ul" ).append( "
这是您可以做到的最短路
list.push($('
数组中的块。 你需要循环遍历数组。
您也可以采用更多“对象方式”并且仍然易于阅读:
$('#content ul').append( $('
你不必再与引号斗争,但必须保持一丝大括号:)
如何使用“after”而不是“append”。
$("#content ul li:last").after('
“.after()”可以在匹配元素集中的每个元素之后插入由参数指定的内容。
$("#content ul").append('
以下是有关代码可读性的一些反馈(博客的无耻插件)。
考虑将新元素的声明与将它们添加到UL的操作分开。它看起来像这样:
var tabSpan = $('', { html: 'Message Center'});var messageCenterAnchor = $('', { href='/user/messages', html: tabSpan});var newListItem = $('', { html: messageCenterAnchor, "id": "myIDGoesHere"}); // NOTE: you have to put quotes around "id" for IE..$("content ul").append(newListItem);
快乐编码:)
转载地址:http://rldnb.baihongyu.com/