jquery怎么获取下一个指定class的元素

新建一个html文件,定名为test.html,用于讲解若何利用jquery获取下一个指定class的元素 。

jquery怎么获取下一个指定class的元素

文章插图

2在test.html页面内,利用script标签加载jquery.min.js文件,这是利用jquery方式必需加载的文件 。


jquery怎么获取下一个指定class的元素

文章插图

3在test.html页面,利用div建立一个模块,在div标签内,建立多个p标签文字段落,并设置其部门class属性为intro 。


jquery怎么获取下一个指定class的元素

文章插图

4在test.html页面,在script标签内,利用$(document).ready()方式在页面加载时执行一个function函数,将在函数内编写实现结果的逻辑代码 。

jquery怎么获取下一个指定class的元素

文章插图

5在js内,获得p元素对象,并利用filter()方式过滤失落class属性不是intro的p元素,代码如下:


jquery怎么获取下一个指定class的元素

文章插图

6在js内,再利用eq方式获得下一个p元素对象,这时以第一个p元素为尺度,下一个就是eq(1),将获得的p元素对象利用css()方式设置其布景颜色为黄色 。 代码如下:


jquery怎么获取下一个指定class的元素

文章插图

7【jquery怎么获取下一个指定class的元素】在浏览器打开test.html页面,查看页面结果,可见,当作功获得class为intro的p元素的下一个元素,并设置其布景为黄色 。


jquery怎么获取下一个指定class的元素

文章插图

以上内容就是jquery怎么获取下一个指定class的元素的内容啦,希望对你有所帮助哦!

    推荐阅读