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

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>');

但是，它不起作用，因为它 append 了 <li>里面<li>Position 2</li> ，而是添加 <li> <li>Position 2</li> 下面/之后.

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

谢谢。

Answer 1

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

Description: Insert content, specified by the parameter, after each element in the set of matched elements.

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

<小时/>

append() 的文档明确指出:

Insert content (...) to the end of each element.

<小时/>

为了完整性:

请注意，:eq(n) 匹配匹配元素集中的第 n 个元素，而 :nth-child(n)匹配父级的第 n 个子级。