在jquery中, 通过在对象选择器指定要获得的class对象, 便可以获得页面中所有class为指定值的元素 。 下面小编以获得元素内容为例, 讲解jquery怎么获取页面中所有class为指定值的元素 。
文章插图
需要这些哦
html+jquery
代码编纂器:Dreamweaver CS5
方式/
1新建一个html文件, 定名为test.html, 用于讲解jquery怎么获取页面中所有class为指定值的元素 。
文章插图
2在test.html文件内, 利用p标签建立三行文字, 别离为“测试一”, “测试二”, “测试三” 。
文章插图
3在test.html文件内, 设置p标签的class为test, 本家儿要用于下面经由过程该class获得p对象 。
文章插图
4在test.html文件内, 利用button标签建立一个按钮, 给button按钮绑定onclick点击事务, 当按钮被点击时, 执行getdata函数 。
文章插图
5在js标签中, 建立geth()函数, 在函数内, 经由过程类名test获得所有的p元素对象, 利用each()方式遍历对象, 每次遍历, 执行function函数 。
文章插图
6在function函数内, 经由过程text()方式获得元素的内容, 同时利用push()方式把元素的内容存进数组中 。 最后, 利用alert()方式输出页面中所有class为指定值的元素内容 。
文章插图
7在浏览器打开test.html文件, 点击按钮, 查看成果 。
文章插图
总结:1【jquery怎么获取页面中所有class为指定值的元素】1、建立一个test.html文件 。
2、在文件内, 利用p标签建立三行文字, , 同时建立一个button按钮, 用于触发执行js函数 。
3、在js标签内, 建立函数, 在函数内, 经由过程类名test获得所有的p元素对象, 利用each()方式遍历对象, 每次遍历, 经由过程text()方式获得元素的内容, 同时利用push()方式把元素的内容存进数组中 。 最后, 利用alert()方式输出页面中所有class为指定值的元素内容 。
注重事项jquery中的对象选择器可以利用class为指定值来获得对象 。
以上内容就是jquery怎么获取页面中所有class为指定值的元素的内容啦, 希望对你有所帮助哦!
推荐阅读
- wps2019怎么样在一张纸上同时打印两个表格页面
- wps2019怎么样使表格打印在纸张的垂直居中位置
- 怎么查询两个地方的直线距离
- win10怎么显示文件的后缀名
- B站视频评论删除不了怎么办
- 太平山顶怎么去
- 腾讯手机管家怎么卸载
- 皇冠戒指怎么折
- 笔记本散热差,温度过高怎么办
- 电脑桌面图标出现异常怎么办?快捷方式图标异常