如何在特定位置添加列表项

Question

我想<li>在特定位置添加一个,例如:

<ul id="list">
    <li>Position 1</li>
    <li>Position 2</li>
    <li>Position 4</li>
<ul>

假设我想在<li>下面/后面添加一个新的<li>Position 2</li>,我怎么能用jQuery做呢？

我试过使用下面的代码:

$('#list li:eq(1)').append('<li>Position 3</li>');

但是,它没有用,因为它附加在<li>里面<li>Position 2</li>,而不是添加<li>下面/后面<li>Position 2</li>.

有人可以给我一些帮助吗？

谢谢.

Answer 1

你必须使用after()而不是append():

描述:在匹配元素集中的每个元素之后插入由参数指定的内容.

$('#list li:eq(1)').after('<li>Position 3</li>');

文件append()清楚地说:

将内容(...)插入每个元素的末尾.

为了完整性:

请注意,:eq(n)匹配n匹配元素集的th元素,而:nth-child(n)匹配n父元素的th子元素.

Answer 2

Answer 3

检查insertAfter 这里