当前位置: 首页>>代码示例 >>用法及示例精选 >>正文


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


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

用法:

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

  1. Index:提供的索引。索引从
  2. even:选择偶数个子元素。
  3. odd:将选择奇数个子元素。
  4. 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。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。