jquery에서 nth-child(3n)는 무엇을 의미하나요?-JS 튜토리얼-php.cn

jquery에서 nth-child(3n)는 무엇을 의미하나요?

黄舟

풀어 주다： 2017-06-23 14:19:14

원래의

3123명이 탐색했습니다.

:nth-child는 그 아래의 하위 요소와 일치함을 의미합니다. nth-child(Xn+Y)는 Y번째 요소부터 시작함을 의미합니다. X를 늘릴 수 있는 경우: nth-child(3n+10)는 10번째 요소부터 시작함을 의미합니다. , 10 , 13, 16, 19...:nth-child(3n), Y=0, 생략 가능, 즉 0, 0, 3, 6, 9...

이길 바랍니다. 도움이 될 것입니다: 하위 요소

:nth-child(index/even/odd/equation)

로그인 후 복사

상위 요소 아래에서 N번째 하위 또는 홀수 요소를 일치시키세요

차이: ':eq(index)'는 하나의 요소에만 일치하지만 이 요소는 각 요소의 하위 요소와 일치합니다. 상위 요소. :nth-child는 1부터 시작하고 :eq()는 0부터 시작합니다!

:nth-child(even), :nth-child(odd), :nth-child(3n), :nth-child(2), :nth-child(3n+1), :nth를 사용할 수 있습니다. - child(3n+2)

index(Number): 일치할 요소의 일련 번호, 1

각 ul

<ul><li>John</li> <li>Karl</li> <li>Brandon</li></ul>
<ul><li>Glen</li> <li>Tane</li> <li>Ralph</li></ul>

로그인 후 복사

Code:

$("ul li:nth-child(2)")

로그인 후 복사

Result에서 두 번째 li을 찾는 예 :

<li>Karl</li>, <li>Tane</li>

로그인 후 복사

번째 아이(3n+1)은 무슨 뜻인가요?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns=" http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script src="jquery-1.2.6.js" type="text/javascript" language="javascript"></script>
<style type="text/css">
<!--
-->
</style>
<script type="text/javascript" language="javascript" >
<!--
$(document).ready(function (){
$("#nav li:nth-child(3n+2) a").each(function(){
alert($(this).text());
});
});
-->
</script>
</head>
<body>
<ul id="nav">
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
<li><a href="#">6</a></li>
<li><a href="#">7</a></li>
<li><a href="#">8</a></li>
<li><a href="#">9</a></li>
<li><a href="#">10</a></li>
</ul>
</body>
</html>

로그인 후 복사

“:nth-child는 그 아래의 하위 요소와 일치한다는 의미입니다. nth-child(Xn+Y)는 Y번째 요소부터 시작하는 것을 의미하고, X를 늘리면 다음을 가질 수 있습니다.nth-child(3n+10)는 10번째부터 시작한다는 의미입니다. 하나의 Start, 10, 13, 16, 19...:nth-child(3n), Y=0(생략 가능, 즉 0, 0, 3, 6, 9...에서 시작함을 의미함) 이 답변은 다음과 같습니다. 질문이 있습니다. nth-child의 최소 매개변수는 0이 아닌 1부터 시작하는 1인 것 같습니다.

위 내용은 jquery에서 nth-child(3n)는 무엇을 의미하나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!