jQuery :nth-child()用法及代码示例

jQuery：nth-child()选择器选择作为其父级的nth-child的所有元素。

用法:

$("Element:nth-child(Index/even/odd/equation)")

值：

Index:提供的索引。索引从
even:选择偶数个子元素。
odd:将选择奇数个子元素。
equation:通过求解公式(an + b)选择子元素。

例：

<!DOCTYPE html> 
<html> 
  
<head> 
    <script src= 
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"> 
  </script> 
    
    <script> 
      $(document).ready(function() { 
         $("p:nth-child(2n-1)").css("background-color",  
                                    "lightgreen"); 
        }); 
    </script> 
</head> 
  
<body> 
  
    <p>GFG</p> 
    <p>GFG</p> 
    <p>GFG</p> 
    <p>GFG</p> 
    <p>GFG</p> 
    <p>GFG</p> 
    <p>GFG</p> 
    <p>GFG</p> 
    <p>GFG</p> 
    <p>GFG</p> 
    <p>GFG</p> 
  
</body> 
  
</html>

输出：

相关用法

注：本文由纯净天空筛选整理自AkshayGulati大神的英文原创作品 jQuery | :nth-child() Selector。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。