jQuery如何获取同一个类标签的所有值(默认无法获取)


Posted in Javascript onSeptember 25, 2014

碰巧在开发的时候遇到这个问题,因为jQuery总是只返回第一个类标签的值,所以无法达到我们的要求。

比如:

var btn = jQuery('.btn').val();

获取的只是第一个类标签为btn的html元素的value值。

要获得一组类标签的所有html元素的值。就得使用jQuery的each遍历。

var btns = new Array(); //或者写成:var btns= [];
jQuery('.btn').each(function(key,value){
btns[key] = $(this).val();
//或者也可以这么写:
// btns[key] = $(value).val();

});
Javascript 相关文章推荐
div当滚动到页面顶部的时候固定在顶部实例代码
May 27 Javascript
JavaScript中的无阻塞加载性能优化方案
Oct 10 Javascript
js实现的倒计时按钮实例
Jun 24 Javascript
js实现将json数组显示前台table中
Jan 10 Javascript
网页中右键功能的实现方法之contextMenu的使用
Feb 20 Javascript
vue中实现methods一个方法调用另外一个方法
Feb 08 Javascript
深入探讨JavaScript的最基本部分之执行上下文
Feb 12 Javascript
mongodb初始化并使用node.js实现mongodb操作封装方法
Apr 02 Javascript
Net微信网页开发 使用微信JS-SDK获取当前地理位置过程详解
Aug 26 Javascript
vue中axios防止多次触发终止多次请求的示例代码(防抖)
Feb 16 Javascript
js实现滑动滑块验证登录
Jul 24 Javascript
解决vue bus.$emit触发第一次$on监听不到问题
Jul 28 Javascript
jquery动态分页效果堪比时光网
Sep 25 #Javascript
浅析js预加载/延迟加载
Sep 25 #Javascript
深入了解Node.js中的一些特性
Sep 25 #Javascript
从JQuery源码分析JavaScript函数的apply方法与call方法
Sep 25 #Javascript
JS小游戏之仙剑翻牌源码详解
Sep 25 #Javascript
JS小游戏之宇宙战机源码详解
Sep 25 #Javascript
JS小游戏之极速快跑源码详解
Sep 25 #Javascript
You might like
第十节--抽象方法和抽象类
2006/11/16 PHP
ThinkPHP整合百度Ueditor图文教程
2014/10/21 PHP
PHP实现将视频转成MP4并获取视频预览图的方法
2015/03/12 PHP
php字符串函数学习之substr()
2015/03/27 PHP
PHP使用Face++接口开发微信公众平台人脸识别系统的方法
2015/04/17 PHP
php+Memcached实现简单留言板功能示例
2017/02/15 PHP
JavaScript的变量作用域深入理解
2009/10/25 Javascript
jQuery初学:find()方法及children方法的区别分析
2011/01/31 Javascript
js中有关IE版本检测
2012/01/04 Javascript
js获取对象为null的解决方法
2013/11/21 Javascript
jQuery基于ajax实现带动画效果无刷新柱状图投票代码
2015/08/10 Javascript
jQuery弹出层后禁用底部滚动条(移动端关闭回到原位置)
2016/08/29 Javascript
Node.js开发教程之基于OnceIO框架实现文件上传和验证功能
2016/11/30 Javascript
详解微信小程序 登录获取unionid
2017/06/27 Javascript
vue-test-utils初使用详解
2019/05/23 Javascript
解决layui表格内文本超出隐藏的问题
2019/09/12 Javascript
js实现蒙版效果
2020/01/11 Javascript
Vue中computed及watch区别实例解析
2020/08/01 Javascript
[58:29]DOTA2-DPC中国联赛 正赛 Phoenix vs XG BO3 第一场 1月31日
2021/03/11 DOTA
Python中MYSQLdb出现乱码的解决方法
2014/10/11 Python
Python动态加载模块的3种方法
2014/11/22 Python
Python开发常用的一些开源Package分享
2015/02/14 Python
python中zip和unzip数据的方法
2015/05/27 Python
python PIL模块与随机生成中文验证码
2016/02/27 Python
python基础教程之五种数据类型详解
2017/01/12 Python
django使用图片延时加载引起后台404错误
2017/04/18 Python
《与孩子一起学编程》python自测题
2018/05/27 Python
python生成以及打开json、csv和txt文件的实例
2018/11/16 Python
如何使用Python进行OCR识别图片中的文字
2019/04/01 Python
Python使用enumerate获取迭代元素下标
2020/02/03 Python
python模式 工厂模式原理及实例详解
2020/02/11 Python
Myprotein西班牙官网:欧洲第一大运动营养品牌
2020/02/24 全球购物
艺术学院毕业生求职信
2014/07/09 职场文书
2019通用版导游词范本!
2019/08/07 职场文书
关于感恩的作文
2019/08/26 职场文书
Python如何用re模块实现简易tokenizer
2022/05/02 Python