jQuery的追加使用第n个孩子，而不是第一

Question

我编辑了一个脚本，原本像

$('.navigation-area:first').append('<li>New Item</li>'); 

但是应用已经改变了和这个项目需要被附加到第二的.navigation区域。我试过了：

$('.navigation-area:nth-child(1)').append('<li>New Item</li>'); 

但这没有奏效。

有没有其他建议如何做到这一点？我会假设上述会起作用。有什么特别的原因吗？

感谢，

Answer 1

你可以试试这个：

$('.navigation-area:eq(1)').append('<li>New Item</li>'); 

Answer 2

在jQuery中，这是:eq()或.eq()。

$('.navigation-area:eq(1)').append('<li>New Item</li>'); 

或

$('.navigation-area').eq(1).append('<li>New Item</li>'); 

编辑：根据文档的jQuery的:eq()：

注意，由于JavaScript数组使用基于0索引，这些 选择反映这一事实。这就是为什么$(".myclass:eq(1)")选择 与myclass类文档中的第二个元素，而不是 第一个。相反，:nth-child(n)使用基于1的索引以使 符合CSS规范。

所以，你也可以尝试：

$('.navigation-area:nth-child(2)').append('<li>New Item</li>');