使用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>");
- 克图鲁
- 哥斯拉
- 新元素
- 金刚
您可以使用
这就是一个例子