使用Jquery将项插入到给定索引处的无序列表中

使用Jquery将项插入到给定索引处的无序列表中,jquery,html,Jquery,Html,我有: 克图鲁 哥斯拉 金刚 我想在哥斯拉之后插入粉红豹(索引2)。我怎样才能做到这一点呢?您可以这样使用: <ul> <li>Cthulhu</li> <li>Godzilla</li> <li>King Kong</li> </ul> $("ul li:eq(1)").after($("<li>Pink Panther</li>")); $('ul#ul#id

我有:

  • 克图鲁
  • 哥斯拉
  • 金刚
我想在哥斯拉之后插入粉红豹(索引2)。我怎样才能做到这一点呢?

您可以这样使用:

<ul>

<li>Cthulhu</li>
<li>Godzilla</li>
<li>King Kong</li>

</ul>
$("ul li:eq(1)").after($("<li>Pink Panther</li>"));
$('ul#ul#id li:eq(1)')。在('Pink Panther'之后);
对于
eq
索引从
0
开始,因此
1
对应于
  • 哥斯拉
  • $('ul')。eq(1)。在($('
  • 粉红豹之后,您可以使用选择器的方法:

    $('#ul_id li:eq(1)').after('<li>Pink Panther</li>');
    
    $(“ul-li:eq(1)”)。在($(“
  • 粉红豹
  • ”)之后;

    请注意,由于
    :eq()
    是基于零的,因此Godzilla的索引是1而不是2。

    您可以通过jquery选择器访问LIs数组,如下所示:

    <ul>
    
    <li>Cthulhu</li>
    <li>Godzilla</li>
    <li>King Kong</li>
    
    </ul>
    
    $("ul li:eq(1)").after($("<li>Pink Panther</li>"));
    
    var secondElement=$(“ul li”)[1];
    $(第二个元素)。在(“
  • 新元素!
  • ”)之后;
    这将生成以下HTML:

    var secondElement = $("ul li")[1];
    $(secondElement).after("<li>New element!</li>");
    
    • 克图鲁
    • 哥斯拉
    • 新元素
    • 金刚
    您可以使用

    这就是一个例子