jQuery 使用第 n 个子项而不是第一个附加

Question

我正在编辑一个原本类似于

的脚本

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

但是此应用程序已更改，需要将此项目附加到第二个 .navigation-area。我试过：

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

但这没有用。

关于如何执行此操作还有其他建议吗？我会假设以上会起作用。有什么特别的原因吗？

谢谢，

Answer 1

在jQuery中是:eq() or .eq()。

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

或

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

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

Note that since JavaScript arrays use 0-based indexing, these selectors reflect that fact. This is why $( ".myclass:eq(1)" ) selects the second element in the document with the class myclass, rather than the first. In contrast, :nth-child(n) uses 1-based indexing to conform to the CSS specification.

所以，你也可以试试：

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

Answer 2

你可以试试这个：

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