在jquery中 ， 可以通过":visible"选择器获得所有可见的元素对象 ， 再遍历对象获得元素的内容 。 下面小编举例讲解jquery中如何使用visible获取可见元素内容 。
文章插图
需要这些哦
jquery+html
代码编纂器：z studio 10.0
方式/
1【jquery中如何使用visible获取可见元素内容】新建一个html文件 ， 定名为test.html ， 用于讲解jquery中若何利用visible获取可见元素内容 。
文章插图
2在test.html文件中 ， 利用p标签建立多行测试的内容 ， 并设置第二个p元素不成见 。
文章插图
3在test.html文件中 ， 利用button标签建立一个按钮 ， 给button绑定onclick点击事务 ， 当按钮被点击时 ， 执行getShow()函数 。
文章插图
4在js标签内 ， 建立getShow()函数 ， 在函数内 ， 建立一个空数组arr ， 用于保留元素的内容 。
文章插图
5在函数内 ， 再利用":visible"选择器获得所有可见的p标签元素对象 ， 利用each()方式遍历对象 ， 经由过程text()方式取得元素内容 ， 利用push()方式将内容存放进arr数组中 。 最后 ， 利用alert()方式输出数组内容 。
文章插图
6在浏览器打开test.html文件 ， 点击按钮 ， 查看成果 。
文章插图
总结：11、利用p标签建立多行测试的内容 ， 并设置第二个p元素不成见 。 2、在js中 ， 建立一个空数组arr ， 用于保留元素的内容 ， 再利用":visible"选择器获得所有可见的p标签元素对象 ， 利用each()方式遍历对象 ， 经由过程text()方式取得元素内容 ， 利用push()方式将内容存放进arr数组中 。 最后 ， 利用alert()方式输出数组内容 。
以上内容就是jquery中如何使用visible获取可见元素内容的内容啦 ， 希望对你有所帮助哦！
推荐阅读
- 如何更换中国大学MOCC账号
- 群晖如何设置录像清理
- 如何修改校钉密码
- wpsppt中如何进行红黑配色型纯文字排版
- wps演示中如何制作北欧温暖风封面样式
- wpsppt中如何制作简约红色系过渡页面
- 如何添加开心消消乐通讯录好友
- wpsppt中如何制作橙色系六边形个人简历封面
- wpsppt中如何制作绿色清新型简约封面
- wps演示中如何制作虚化相框效果