如果找不到第n个，我如何使用jQuery匹配nth-child或者last？

Question

我需要能够在（）容器中的第二个P元素之后将一些标记插入到文档中。如果只有一个元素，那么我需要在（）之后插入一个元素。如果只有一个元素，那么nth-child就不会匹配。我怎样才能做到这一点？ 谢谢！

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(...;