使用jquery在顶部元素之前添加一个新元素[重复]答案

【问题标题】：Adding a new element before the top element using jquery [duplicate]使用jquery在顶部元素之前添加一个新元素[重复]
【发布时间】：2011-10-31 11:31:36
【问题描述】：

可能重复：
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>

【问题讨论】：

标签： javascript jquery events

【解决方案1】：

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

【讨论】：

【解决方案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/

【讨论】：