Javascript 使用jquery在顶层元素之前添加新元素
可能重复:Javascript 使用jquery在顶层元素之前添加新元素,javascript,jquery,events,Javascript,Jquery,Events,可能重复: 我有一个,其中包含的列表。我看到的是在一个事件中添加一个新的项作为上的第一个元素。你能告诉我如何使用jquery实现这一点吗 例如: <UL> <LI>First Item</LI> <LI>Second Item</LI> <LI>Third Item</LI> <LI>Fourth Item</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>
- 这里有新项目
- 第一项
- 第二项
- 第三项
- 第四项
$(“ul”)。预加(新项目在这里 );
函数示例_append(){
$(“ul”)。前置(新项目在这里 );
}
- 第一项
- 第二项
- 第三项
- 第四项
实例@
$("ul").prepend("<li>New Item is here</li>");
<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>