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 相关文章推荐
JQuery 简便实现页面元素数据验证功能
Mar 24 Javascript
js兼容标准的表格变色效果
Jun 28 Javascript
一组JS创建和操作表格的函数集合
May 07 Javascript
jQuery Jcrop插件实现图片选取功能
Nov 23 Javascript
用JS在浏览器中创建下载文件
Mar 05 Javascript
JavaScript设计模式之单件模式介绍
Dec 28 Javascript
JS实现带有抽屉效果的产品类网站多级导航菜单代码
Sep 15 Javascript
AngularJS 模型详细介绍及实例代码
Jul 27 Javascript
Bootstrap中的fileinput 多图片上传及编辑功能
Sep 05 Javascript
jQuery实现花式轮播之圣诞节礼物传送效果
Dec 25 Javascript
layer.close()关闭进度条和Iframe窗的方法
Aug 17 Javascript
javascript实现扫雷简易版
Aug 18 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实现文件下载(支持中文文名)
2013/12/04 PHP
php发送get、post请求的6种方法简明总结
2014/07/08 PHP
PHP中的Streams详细介绍
2014/11/12 PHP
struts2 jquery 打造无限层次的树
2009/10/23 Javascript
js实现Select列表内容自动滚动效果代码
2015/08/20 Javascript
ANGULARJS中使用JQUERY分页控件
2015/09/16 Javascript
实用又漂亮的BootstrapValidator表单验证插件
2016/05/30 Javascript
Javascript中的迭代、归并方法详解
2016/06/14 Javascript
Javascript单例模式的介绍和实例
2016/10/08 Javascript
javascript 动态样式添加的简单实现
2016/10/11 Javascript
基于BootStrap实现简洁注册界面
2017/07/20 Javascript
vue封装第三方插件并发布到npm的方法
2017/09/25 Javascript
Vue中封装input组件的实例详解
2017/10/17 Javascript
关于HTTP传输中gzip压缩的秘密探索分析
2018/01/12 Javascript
在vue中使用jointjs的方法
2018/03/24 Javascript
Node.js在图片模板上生成二维码图片并附带底部文字说明实现详解
2019/08/07 Javascript
js仿京东放大镜效果
2020/08/09 Javascript
使用BeautifulSoup爬虫程序获取百度搜索结果的标题和url示例
2014/01/19 Python
使用C#配合ArcGIS Engine进行地理信息系统开发
2016/02/19 Python
python中如何使用正则表达式的集合字符示例
2017/10/09 Python
python交互式图形编程实例(二)
2017/11/17 Python
pygame游戏之旅 按钮上添加文字的方法
2018/11/21 Python
python基于K-means聚类算法的图像分割
2019/10/30 Python
20行Python代码实现视频字符化功能
2020/04/13 Python
Django修改app名称和数据表迁移方案实现
2020/09/17 Python
Python使用eval函数执行动态标表达式过程详解
2020/10/17 Python
canvas绘制表情包的示例代码
2018/07/09 HTML / CSS
html5中的一些标签学习(心得)
2016/10/18 HTML / CSS
美国领先的汽车轮胎和轮毂供应商:TireBuyer
2016/07/21 全球购物
公务员平时考核实施方案
2014/03/11 职场文书
幼儿园安全责任书
2014/04/14 职场文书
小学安全工作汇报材料
2014/08/19 职场文书
缅怀先烈演讲稿
2014/09/03 职场文书
2014年车间工作总结
2014/11/21 职场文书
乔布斯辞职信(中英文对照)
2015/05/12 职场文书
Go语言中break label与goto label的区别
2021/04/28 Golang