Question

可能重复：
jQuery: how to add <li> in an existing <ul>?

我有<UL>，其中包含<LI>列表。我正在看的是在一个事件上添加一个新的<LI>项作为<UL>的第一个元素。你能告诉我如何使用jquery来实现这个目标。

示例：

<UL>
   <LI>First Item</LI>
   <LI>Second Item</LI>
   <LI>Third Item</LI>
   <LI>Fourth Item</LI>
</UL>

单击按钮，我需要添加一个新的LI元素作为UL中的第一个元素，看起来像下面的

<UL>
   <LI>New Item is here</LI>
   <LI>First Item</LI>
   <LI>Second Item</LI>
   <LI>Third Item</LI>
   <LI>Fourth Item</LI>
</UL>

Answer 1

$("ul").prepend("<li>New Item is here</li>");

Answer 2

<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.2.min.js"></script>
<script language="javascript">
function example_append() {
   $("ul").prepend("<li>New Item is here</li>");
}
</script>
<input type="button" value="Append" onclick="example_append()" /><br/>
<ul>
   <LI>First Item</LI>
   <LI>Second Item</LI>
   <LI>Third Item</LI>
   <LI>Fourth Item</LI>
</ul>

实例@ http://jsfiddle.net/XNyJz/2/

使用jquery在top元素之前添加一个新元素

2 个答案: