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 笔记二 Array和Date对象方法
May 22 Javascript
js与jquery获取父元素,删除子元素的两种不同方法
Jan 09 Javascript
js实现上传图片预览的方法
Feb 09 Javascript
自动完成的搜索框javascript实现
Feb 26 Javascript
简单理解vue中el、template、replace元素
Oct 27 Javascript
jQuery实现的简单悬浮层功能完整实例
Jan 23 Javascript
10个最优秀的Node.js MVC框架
Aug 24 Javascript
Vuex的actions属性的具体使用
Apr 14 Javascript
jquery实现垂直手风琴菜单
Mar 04 jQuery
15个简单的JS编码标准让你的代码更整洁(小结)
Jul 16 Javascript
JavaScript 实现轮播图特效的示例
Nov 05 Javascript
JavaScript实现简单拖拽效果
Sep 15 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 项目的方法
2007/01/02 PHP
php中PDO方式实现数据库的增删改查
2015/05/17 PHP
Zend Framework缓存Cache用法简单实例
2016/03/19 PHP
PHP实现获取并生成数据库字典的方法
2016/05/04 PHP
PHP将MySQL的查询结果转换为数组并用where拼接的示例
2016/05/13 PHP
PHP实现的mysql主从数据库状态检测功能示例
2017/07/20 PHP
简单实现php上传文件功能
2017/09/21 PHP
JavaScript 学习笔记(九)call和apply方法
2010/01/11 Javascript
JavaScript Event学习第四章 传统的事件注册模型
2010/02/07 Javascript
基于jQuery的图片大小自动适应实现代码
2010/11/17 Javascript
JavaScript高级程序设计 DOM学习笔记
2011/09/10 Javascript
js 时间函数应用加、减、比较、格式转换的示例代码
2013/08/23 Javascript
js匿名函数的调用示例(形式多种多样)
2014/08/20 Javascript
Javascript中使用parseInt函数需要注意的问题
2015/04/02 Javascript
关于webuploader插件使用过程遇到的小问题
2016/11/07 Javascript
BootStrapValidator校验方式
2016/12/19 Javascript
JavaScript实现星星等级评价功能
2017/03/22 Javascript
webpack 2.x配置reactjs基本开发环境详解
2017/08/08 Javascript
Vue0.1的过滤代码如何添加到Vue2.0直接使用
2017/08/23 Javascript
使用vue-cli编写vue插件的方法
2018/02/26 Javascript
使vue实现jQuery调用的两种方法
2019/05/12 jQuery
微信小程序swiper禁止用户手动滑动代码实例
2019/08/23 Javascript
[33:09]完美世界DOTA2联赛循环赛 Forest vs DM BO2第二场 10.29
2020/10/29 DOTA
python中的reduce内建函数使用方法指南
2014/08/31 Python
python中的hashlib和base64加密模块使用实例
2014/09/02 Python
python实现堆栈与队列的方法
2015/01/15 Python
Django2 连接MySQL及model测试实例分析
2019/12/10 Python
python GUI库图形界面开发之PyQt5工具栏控件QToolBar的详细使用方法与实例
2020/02/28 Python
video结合canvas实现视频在线截图功能
2018/06/25 HTML / CSS
sort命令的作用和用法
2012/11/04 面试题
大学生毕业的自我评价分享
2014/01/02 职场文书
单身联谊活动方案
2014/01/29 职场文书
垃圾桶标语
2014/06/24 职场文书
迟到检讨书
2015/01/26 职场文书
2015安全保卫工作总结
2015/04/25 职场文书
导游词之广西漓江
2019/11/02 职场文书