jQuery :last-of-type

发布时间:2020-03-26 04:29:11发布者:admin浏览数:
此选择器匹配所有相同的元素名称的最后一个兄弟元素。

jQuery1.9版本添加。

语法结构:

[JavaScript] 纯文本查看 复制代码

jQuery( ":last-of-type" )

代码实例:

[HTML] 纯文本查看 复制代码运行代码

<!doctype html><html><head><meta charset="utf-8"><meta name="author" content="http://www.softwhy.com/" /><title>蚂蚁部落</title><style>span.ant { color: red; }</style><script src="http://code.jquery.com/jquery-latest.js"></script><script>$(document).ready(function(){ $("span:last-of-type").addClass("ant");});</script></head><body> <p> <span>蚂蚁部落一</span> <span>蚂蚁部落二</span> <span>蚂蚁部落三</span> <span>蚂蚁部落四</span> </p> <p> <span>蚂蚁部落五</span> <span>蚂蚁部落六</span> <span>蚂蚁部落七</span> <b>蚂蚁部落八</b> </p></body></html>

可以将父元素下所有span元素集合中的最后一个元素字体颜色设置为蓝色。

程序开发 |  系统教程 |  软件应用 |  图形图像 |  网络应用 |  站长教程 |  网站建设 |  视频教程 |  硬件维护 |  IT资讯 |  中国it动力网
本站发布的系统与软件仅为个人学习测试使用,请在下载后24小时内删除,不得用于任何商业用途,否则后果自负,请支持购买微软正版软件!
如侵犯到您的权益,请及时通知我们,我们会及时处理。
Copyright @ 2019 中国it动力网 网站导航