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 相关文章推荐
js类后台管理菜单类-MenuSwitch
Sep 12 Javascript
js 解决“options为空或不是对象”
Dec 22 Javascript
JavaScript生成的动态下雨背景效果实现方法
Feb 25 Javascript
jQuery事件绑定on()与弹窗实现代码
Apr 28 Javascript
详解JS中定时器setInterval和setTImeout的this指向问题
Jan 06 Javascript
分析JS中this引发的bug
Dec 12 Javascript
微信小程序block的使用教程
Apr 01 Javascript
vue系列之requireJs中引入vue-router的方法
Jul 18 Javascript
JS数组求和的常用方法实例小结
Jan 07 Javascript
使用Node.js在深度学习中做图片预处理的方法
Sep 18 Javascript
vue 组件之间事件触发($emit)与event Bus($on)的用法说明
Jul 28 Javascript
vue elementui tree 任意级别拖拽功能代码
Aug 31 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 - Html Transfer Code
2006/10/09 PHP
基于PHP与XML的PDF文档生成技术
2006/10/09 PHP
解决GD中文乱码问题
2007/02/14 PHP
php 智能404跳转代码,适合换域名没改变目录的网站
2010/06/04 PHP
PHP简单获取及判断提交来源的方法
2016/04/22 PHP
PHP PDOStatement::rowCount讲解
2019/02/01 PHP
提高jQuery性能的十个诀窍
2013/11/14 Javascript
javascript实现二级级联菜单的简单制作
2015/11/19 Javascript
jquery实现下拉框功能效果【实例代码】
2016/05/06 Javascript
玩转JavaScript OOP - 类的实现详解
2016/06/08 Javascript
javascript验证内容为数字以及长度为10的简单实例
2016/08/20 Javascript
JavaScript实现大图轮播效果
2017/01/11 Javascript
JavaScript判断浏览器及其版本信息
2017/01/20 Javascript
浅谈基于Vue.js的移动组件库cube-ui
2017/12/20 Javascript
Vue.js 实现地址管理页面思路详解(地址添加、编辑、删除和设置默认地址)
2019/12/11 Javascript
微信小程序点击view动态添加样式过程解析
2020/01/21 Javascript
vue 实现setInterval 创建和销毁实例
2020/07/21 Javascript
python实现用户登陆邮件通知的方法
2015/07/09 Python
python生成ppt的方法
2018/06/07 Python
Python推导式简单示例【列表推导式、字典推导式与集合推导式】
2018/12/04 Python
python模块hashlib(加密服务)知识点讲解
2019/11/25 Python
python将四元数变换为旋转矩阵的实例
2019/12/04 Python
python numpy 反转 reverse示例
2019/12/04 Python
python GUI库图形界面开发之pyinstaller打包python程序为exe安装文件
2020/02/26 Python
Pytorch对Himmelblau函数的优化详解
2020/02/29 Python
利用Python自动化操作AutoCAD的实现
2020/04/01 Python
Python自动化办公Excel模块openpyxl原理及用法解析
2020/11/05 Python
移动端Web页面的CSS3 flex布局快速上手指南
2016/05/31 HTML / CSS
卡骆驰英国官网:Crocs英国
2019/08/22 全球购物
工艺工程师工作职责
2013/11/23 职场文书
实习公司领导推荐函
2014/05/21 职场文书
高中升旗仪式演讲稿
2014/09/09 职场文书
《思路决定出路》读后感3篇
2019/12/11 职场文书
CSS3常见动画的实现方式
2021/04/14 HTML / CSS
Pytorch 统计模型参数量的操作 param.numel()
2021/05/13 Python
pycharm无法安装cv2模块问题
2022/05/20 Python