如果未找到第 n 个，如何使用 jQuery 匹配第 n 个子级或最后一个？

Question

我需要能够在容器中的第二个 P 元素之后（）将一些标记插入到文档中。如果只有一个元素，那么我需要在 after() 之后插入那个元素。如果只有一个元素，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(...;