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 相关文章推荐
Google AJAX 搜索 API实现代码
Nov 17 Javascript
JQuery学习笔记 nt-child的使用
Jan 17 Javascript
JS中引用百度地图并将百度地图的logo和信息去掉
Sep 29 Javascript
jQuery实现延迟跳转的方法
Jun 05 Javascript
详细解读JavaScript的跨浏览器事件处理
Aug 12 Javascript
Bootstrap基本模板的使用和理解1
Dec 14 Javascript
原生JS实现跑马灯效果
Feb 20 Javascript
详解jquery选择器的原理
Aug 01 jQuery
thinkjs 文件上传功能实例代码
Nov 08 Javascript
Bootstrap 模态框多次显示后台提交多次BUG的解决方法
Dec 26 Javascript
vue键盘事件点击事件加native操作
Jul 27 Javascript
jQuery编写QQ简易聊天框
Aug 27 jQuery
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读取excel文件的简单实例
2013/08/26 PHP
PHP遍历目录文件的常用方法小结
2017/02/03 PHP
jquery png 透明解决方案(推荐)
2010/08/21 Javascript
基于jQuery+HttpHandler实现图片裁剪效果代码(适用于论坛, SNS)
2011/09/02 Javascript
js关闭子窗体刷新父窗体实现方法
2012/12/04 Javascript
Jquery图片滚动与幻灯片的实例代码
2013/04/08 Javascript
关于JavaScript中的关联数组分析
2013/04/09 Javascript
基于KMP算法JavaScript的实现方法分析
2013/05/03 Javascript
用JS在浏览器中创建下载文件
2014/03/05 Javascript
Jqgrid之强大的表格插件应用
2015/12/02 Javascript
浅析$.getJSON异步请求和同步请求
2016/06/06 Javascript
jQuery+Ajax实现限制查询间隔的方法
2016/06/07 Javascript
vue-hook-form使用详解
2017/04/07 Javascript
巧用weui.topTips验证数据的实例
2017/04/17 Javascript
ES6 javascript中Class类继承用法实例详解
2017/10/30 Javascript
javaScript产生随机数的用法小结
2018/04/21 Javascript
Vue $attrs & inheritAttr实现button禁用效果案例
2020/12/07 Vue.js
[38:21]2018DOTA2亚洲邀请赛3月30日 小组赛A组 LGD VS Newbee
2018/03/31 DOTA
python 出现SyntaxError: non-keyword arg after keyword arg错误解决办法
2017/02/14 Python
TensorFlow 实战之实现卷积神经网络的实例讲解
2018/02/26 Python
Python 修改列表中的元素方法
2018/06/26 Python
在VS2017中用C#调用python脚本的实现
2019/07/31 Python
Python应用实现双指数函数及拟合代码实例
2020/06/19 Python
Python 使用xlwt模块将多行多列数据循环写入excel文档的操作
2020/11/10 Python
HTML5使用drawImage()方法绘制图像
2014/06/23 HTML / CSS
HTML最新标准HTML5总结(必看)
2016/06/13 HTML / CSS
物流创业计划书
2014/02/01 职场文书
求职个人评价范文
2014/04/09 职场文书
倡议书格式
2014/04/14 职场文书
美术兴趣小组活动总结
2014/07/07 职场文书
2014国庆节标语口号
2014/09/19 职场文书
2015年学校办公室工作总结
2015/05/26 职场文书
数据库连接池
2021/04/06 MySQL
Python趣味挑战之实现简易版音乐播放器
2021/05/28 Python
css3带你实现3D转换效果
2022/02/24 HTML / CSS
JS前端宏任务微任务及Event Loop使用详解
2022/07/23 Javascript