jQuery :nth-child() 选择器

jQuery :nth-child() 选择器选择所有是其父元素的第n个孩子的元素。

语法:

$("Selector: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>

输出:

jQuery :nth-child() 选择器