English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

jQuery :nth-last-child() 선택자

jQuer 선택자

:nth-last-child(n)선택자는 부모 요소의 모든 유형의 요소 중 마지막 자식 요소에서부터 시작하여 n번째 자식 요소를 선택한 모든 요소를 선택합니다.

사용:nth-last-of-type()선택자는 부모 요소의 특정 유형의 요소를 선택하여 부모 요소의n번째 자식요소의 모든 요소.

문법:

$(:nth-last-child(number|An+B|odd|even)")

예제

끝에서부터 세어서 선택하여 선택한 요소가 부모 요소의5개의 항목의<p>요소:

$("document").ready(function(){
  $("p:nth-last-child(5")").css("background", "coral");
});
테스트를 보세요‹/›

홀수와 짝수 키워드는奇数和偶数关键字用于匹配索引为奇数或偶数的子元素:

$("document").ready(function(){
  $("p:nth-last-child(even)").css("background", "coral");
  $("li:nth-last-child(odd)").css("background", "coral");
});
테스트를 보세요‹/›

공식(An + B)。설명:A은 반복 크기를 나타냅니다.n는 카운터입니다(0부터 시작), 그리고B은 이동 값입니다:

$("document").ready(function(){
  $("p:nth-last-child(4n + 1")").css("background", "coral");
  $("li:nth-last-child(3n)").css("background", "coral");
});
테스트를 보세요‹/›

파라미터 값

파라미터설명
number매칭할자식 요소의 인덱스(1끝)
odd각 홀수 자식 요소를 선택합니다
even각 짝수 자식 요소를 선택합니다
An+B선택할자식 요소를 지정합니다
예제:p:nth-last-child(3n + 2)마지막 두 번째 자식 요소부터 각 세 번째 패러그램을 선택합니다

jQuer 선택자