如果找不到第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(...;