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>
输出:
相关用法
- jQuery :even用法及代码示例
- jQuery :first用法及代码示例
- jQuery :odd用法及代码示例
- jQuery :gt()用法及代码示例
- jQuery :not()用法及代码示例
- jQuery :last用法及代码示例
- jQuery :lt()用法及代码示例
- jQuery :contains()用法及代码示例
- jQuery :header用法及代码示例
- jQuery :parent用法及代码示例
注:本文由纯净天空筛选整理自AkshayGulati大神的英文原创作品 jQuery | :nth-child() Selector。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。