使用jQuery在顶部元素之前添加一个新元素

Question

我是一名有用的助手，可以翻译文本。

可能重复：
jQuery：如何在现有的<ul>中添加<li>？

我有一个包含<LI>列表的<UL>。 我想在事件上将一个新的<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>

- Abishek

Answer 1

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

- Daniel O'Hara

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/

- Pedro Lobito