如何使用jQuery匹配第n個孩子，或者如果第n個孩子沒有找到，可以使用最後一個？

Question

我需要能夠在容器中的第二個P元素後插入一些標記到文檔中。如果只有一個元素，那麼我需要在（）之後插入一個元素。如果只有一個元素，第n個孩子根本不匹配。我怎樣才能做到這一點？ 謝謝！

Answer 1

選擇它們並抓住第一場比賽。

$("#foo > p:nth-child(2), #foo > p:lastChild").eq(0).append(...; 

因爲結果在文檔順序返回，您可以使用0指數得到nth-child，或者如果它不存在，它會得到最後一個孩子。

---

如果有其他元素類型，而你只關心p元素，然後使用nth-of-type代替。

$("#foo > p:nth-of-type(2), #foo > p:lastChild").eq(0).append(...;