Javascript 在id后面插入新的li元素_Javascript

Javascript 在id后面插入新的li元素

javascript

Javascript 在id后面插入新的li元素,javascript,Javascript,是否可以在id为id <ul> <li>fred</li> <li>wilma</li> <li id ="name">barny</li> <li> </li> <li> </li> </ul> 弗雷德威尔玛巴尼在barny之后插入betty，方法是指定id名称当然，只

是否可以在id为

id

 <ul>
      <li>fred</li> 
      <li>wilma</li>
      <li id ="name">barny</li>
      <li> </li>
      <li> </li>
 </ul>


弗雷德
威尔玛
巴尼

在barny之后插入betty，方法是指定

id

名称

当然，只需通过查找该元素，创建新元素，然后（这是一个棘手的问题）通过调用要在其之后插入的元素的，指定引用元素的作为引用节点来插入它

例如：

请注意，即使引用节点是其父节点中的最后一个节点，这种方法也会起作用。在这种情况下，

nextSibling

将为

null

，并且

insertBefore

知道如何处理该问题。

希望能有所帮助

<!DOCTYPE html>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script> 
    <html>
    <head>
    <script>
    function test()
    {

    $("#name").after("<li id='loremId' name='lorem' >lorem</li>")
    $("#loremId").after("<li id='ipsumId' name='ipsum' >ipsum</li>")
    }
    </script>
    </head>
    <body>
     <ul>
          <li>fred</li> 
          <li>wilma</li>
          <li id ="name">barny</li>
     </ul>



    <script>
    test();
    </script>
    </body>
    </html>


功能测试（）
{
$（“#name”）。在（“lorem”之后）
$（“#loremId”）。在（“ipsum”之后）
}

弗雷德
威尔玛
巴尼

test（）；

还需要在

#name

之后找到下一个元素，忽略文本节点…@VisioN：我认为您不需要忽略文本节点，但我只是添加了

下一个sibling

位（doh！）。您是对的。我认为空间可能会破坏IE中的某个概念。@VisioN:啊，是的，IE。非常好的观点，非常值得检查。：-）

<!DOCTYPE html>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script> 
    <html>
    <head>
    <script>
    function test()
    {

    $("#name").after("<li id='loremId' name='lorem' >lorem</li>")
    $("#loremId").after("<li id='ipsumId' name='ipsum' >ipsum</li>")
    }
    </script>
    </head>
    <body>
     <ul>
          <li>fred</li> 
          <li>wilma</li>
          <li id ="name">barny</li>
     </ul>



    <script>
    test();
    </script>
    </body>
    </html>