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