Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/82.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用jquery在顶层元素之前添加新元素_Javascript_Jquery_Events - Fatal编程技术网

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>