从匹配结果中选取指定第几个元素 · 大白中文编程在线帮助文档

## 定义 :nth-child()定义： table tr th:nth-child(2) //":nth-child(n)" 选择器匹配属于其父元素(在这里就是tr)的第 N （这里选择第2个）个子元素（这里子元素是th），不论元素的类型 ## 例子假如有网页源码如下: ``` <body> <h1>这是标题</h1> 第一个段落。 //会选择这一行,因为父元素是body,而body的第1个子元素是h1,第2个元素是p 第二个段落。 第三个段落。 第四个段落。 注释：Internet Explorer 不支持 :nth-child() 选择器。 </body> ``` ``` //p:nth-child(2) 元素的父元素层级的第2个子元素 document.querySelector("p:nth-child(2)"); ``` ## 更多例子 ``` //用>符号按层级查找 document.querySelector("#maindiv > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) a"); //这个也可以 document.querySelector("#maindiv div\[id^=submittopdiv\]:nth-child(2) div:nth-child(2) a"); ```