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 相关文章推荐
javascript IE中的DOM ready应用技巧
Jul 23 Javascript
基于Jquery的回车成tab焦点切换效果代码(Enter To Tab )
Nov 14 Javascript
显示今天的日期js代码(阳历和农历)
Sep 30 Javascript
jquery+ajax请求且带返回值的代码
Aug 12 Javascript
给before和after伪元素设置js效果的方法
Dec 04 Javascript
提高Web性能的前端优化技巧总结
Feb 27 Javascript
小程序根据手机机型设置自定义底部导航距离
Jun 04 Javascript
Jquery动态列功能完整实例
Aug 30 jQuery
html+jQuery实现拖动滑块图片拼图验证码插件【移动端适用】
Sep 10 jQuery
JQuery使用属性addClass、removeClass和toggleClass实现增加和删除类操作示例
Nov 18 jQuery
js简单实现自动生成表格功能示例
Jun 02 Javascript
使用JavaScript实现网页秒表功能(含开始、暂停、继续、重置功能)
Jun 05 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
PHP中去除换行解决办法小结(PHP_EOL)
2011/11/27 PHP
解析thinkphp的左右值无限分类
2013/06/20 PHP
浅析PHP绘图技术
2013/07/03 PHP
php addslashes 利用递归实现使用反斜线引用字符串
2013/08/05 PHP
php中Ctype函数用法详解
2014/12/09 PHP
PHP中set error handler函数用法小结
2015/11/11 PHP
javascript函数中的arguments参数
2010/08/01 Javascript
jQuery移动和复制dom节点实用DOM操作案例
2012/12/17 Javascript
jquery实现点击TreeView文本父节点展开/折叠子节点
2013/01/10 Javascript
jQuery中andSelf()方法用法实例
2015/01/08 Javascript
jQuery中on()方法用法实例详解
2015/02/06 Javascript
JS正则表达式比较常见用法
2016/01/26 Javascript
在JavaScript中使用JSON数据
2016/02/15 Javascript
详解js前端代码异常监控
2017/01/11 Javascript
jQuery实现导航回弹效果
2017/02/27 Javascript
jQuery插件FusionCharts绘制的2D帕累托图效果示例【附demo源码】
2017/03/28 jQuery
JavaScript之浏览器对象_动力节点Java学院整理
2017/07/03 Javascript
详解用webpack把我们的业务模块分开打包的方法
2017/07/20 Javascript
Vue中引入样式文件的方法
2017/08/18 Javascript
浅谈vue首屏加载优化
2018/06/28 Javascript
详解Angularjs 自定义指令中的数据绑定
2018/07/19 Javascript
Vue.js中 v-model 指令的修饰符详解
2018/12/03 Javascript
jQuery实现模拟搜索引擎的智能提示功能简单示例
2019/01/27 jQuery
如何根据业务封装自己的功能组件
2019/04/19 Javascript
[00:05]ChinaJoy现场 DOTA2玩家高呼“CN DOTA BEST DOTA”
2019/08/04 DOTA
python小技巧之批量抓取美女图片
2014/06/06 Python
详谈python3中用for循环删除列表中元素的坑
2018/04/19 Python
Python是怎样处理json模块的
2020/07/16 Python
AmazeUI 平滑滚动效果的示例代码
2020/08/20 HTML / CSS
美国最受欢迎的度假租赁网站:VRBO
2016/08/02 全球购物
意大利珠宝店:Luxury Zone
2019/01/05 全球购物
如何提高JDBC的性能
2013/04/30 面试题
大学生毕业的自我评价分享
2014/01/02 职场文书
聚会通知怎么写
2015/04/23 职场文书
剑指Offer之Java算法习题精讲二叉树专项训练
2022/03/21 Java/Android
mysql查看表结构的三种方法总结
2022/07/07 MySQL