當前位置: 首頁>>代碼示例 >>用法及示例精選 >>正文

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。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。