新建一个html文件,定名为test.html,用于讲解若何利用jquery获取下一个指定class的元素 。
文章插图
2在test.html页面内,利用script标签加载jquery.min.js文件,这是利用jquery方式必需加载的文件 。
文章插图
3在test.html页面,利用div建立一个模块,在div标签内,建立多个p标签文字段落,并设置其部门class属性为intro 。
文章插图
4在test.html页面,在script标签内,利用$(document).ready()方式在页面加载时执行一个function函数,将在函数内编写实现结果的逻辑代码 。
文章插图
5在js内,获得p元素对象,并利用filter()方式过滤失落class属性不是intro的p元素,代码如下:
文章插图
6在js内,再利用eq方式获得下一个p元素对象,这时以第一个p元素为尺度,下一个就是eq(1),将获得的p元素对象利用css()方式设置其布景颜色为黄色 。 代码如下:
文章插图
7【jquery怎么获取下一个指定class的元素】在浏览器打开test.html页面,查看页面结果,可见,当作功获得class为intro的p元素的下一个元素,并设置其布景为黄色 。
文章插图
以上内容就是jquery怎么获取下一个指定class的元素的内容啦,希望对你有所帮助哦!
推荐阅读
- jquery如何获取第一个元素的子元素
- jquery如何获取第一个元素或最后一个元素
- 执剑之刻命运之式怎么神降 选择哪个英雄好
- 如何快速获取心悦成长值
- 闲鱼运费怎么设置
- 如何实现从线程中异步获取值
- 支付宝怎么绑定信用卡
- 华为p30怎么开启/关闭应用悬浮窗权限
- 全民k歌tv版怎么用手机当麦克风
- 怎么更改文件扩展名