Menu
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE
     ❯   

jQuery :nth-last-child() 选择器

❮ jQuery 选择器

示例

选择每个 <p> 元素,它是其父元素的第三个子元素,从最后一个子元素开始计数

$("p:nth-last-child(3)")
亲自试一试 »

定义和用法

该 :nth-last-child(n) 选择器选择所有元素,这些元素是其父元素的第 n 个子元素(无论类型如何),从最后一个子元素开始计数。

提示:使用 :nth-last-of-type() 选择器来选择所有元素,这些元素是其父元素的第 n 个子元素,特定类型,从最后一个子元素开始计数。


语法

:nth-last-child(n|even|odd|formula)

参数 描述
n 要匹配的每个子元素的索引。

必须是数字。第一个元素的索引号为 1。
even 选择每个偶数子元素
odd 选择每个奇数子元素
formula 使用公式 (an + b) 指定要选择的子元素。例如:p:nth-last-child(3n+2) 选择每个第 3 个段落,从最后一个第 2 个子元素开始

亲自试一试 - 示例

选择每个 <p> 元素,它是所有 <div> 元素的第一个子元素,从最后一个子元素开始计数
如何选择一个 <p> 元素,它是所有 <div> 元素的第一个子元素,从最后一个子元素开始计数。

使用公式 (an + b)
如何使用公式 (an + b) 选择不同的子元素,从最后一个子元素开始计数。

使用“even”和“odd”
如何使用 even 和 odd 选择不同的子元素,从最后一个子元素开始计数。

:nth-child()、:nth-last-child()、:nth-of-type() 和 :nth-of-last-type() 之间的区别
p:nth-child(2)、p:nth-last-child(2)、p:nth-of-type(2) 和 p:nth-of-last-type(2) 之间的区别。


❮ jQuery 选择器

×

Contact Sales

If you want to use W3Schools services as an educational institution, team or enterprise, send us an e-mail:
[email protected]

Report Error

If you want to report an error, or if you want to make a suggestion, send us an e-mail:
[email protected]

W3Schools is optimized for learning and training. Examples might be simplified to improve reading and learning. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using W3Schools, you agree to have read and accepted our terms of use, cookie and privacy policy.

Copyright 1999-2024 by Refsnes Data. All Rights Reserved. W3Schools is Powered by W3.CSS.