:first-child | jQuery API 3.2 中文文档 | jQuery API 在线手册

jQuery API 3.2.1

推荐办理招商信用卡,新户首刷礼,五折享美食,需要的速度围观~click here
首页  >  选择器  > :first-child 源码下载

返回值:Array<Element(s)>:first-child

V1.1.4概述

匹配所给选择器( :之前的选择器)的第一个子元素

类似的:first匹配第一个元素,但是:first-child选择器可以匹配多个:即为每个父级元素匹配第一个子元素。这相当于:nth-child(1)

示例

描述:

在每个 ul 中查找第一个 li

HTML 代码:
            <ul>
  <li>John</li>
  <li>Karl</li>
  <li>Brandon</li>
</ul>
<ul>
  <li>Glen</li>
  <li>Tane</li>
  <li>Ralph</li>
</ul>
          
jQuery 代码:
            $("ul li:first-child")
          
结果:
            [ <li>John</li>, <li>Glen</li> ]