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面向对象之Javascript 继承
May 04 Javascript
jQueryUI如何自定义组件实现代码
Nov 14 Javascript
使用js 设置url参数
Jul 08 Javascript
JS实现页面超时后自动跳转到登陆页面
Jan 19 Javascript
简单理解vue中el、template、replace元素
Oct 27 Javascript
javascript操作cookie
Jan 17 Javascript
jQuery实现可兼容IE6的滚动监听功能
Sep 20 jQuery
vue小白入门教程
Apr 02 Javascript
详细介绍解决vue和jsp结合的方法
Feb 06 Javascript
jQuery中getJSON跨域原理的深入讲解
Sep 02 jQuery
解决Vue keep-alive 调用 $destory() 页面不再被缓存的情况
Oct 30 Javascript
JavaScript高级程序设计之变量与作用域
Nov 17 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模板引擎Smarty内置变量调解器用法详解
2016/04/11 PHP
PHP多进程编程总结(推荐)
2016/07/18 PHP
Laravel学习教程之IOC容器的介绍与用例
2017/08/15 PHP
PHP等比例压缩图片的实例代码
2018/07/26 PHP
取得父标签
2006/11/14 Javascript
javascript YUI 读码日记之 YAHOO.util.Dom - Part.4
2008/03/22 Javascript
jquery.blockUI.js上传滚动等待效果实现思路及代码
2013/03/18 Javascript
javaScript函数中执行C#代码中的函数方法总结
2013/08/07 Javascript
javascript 中that的含义示例介绍
2014/05/14 Javascript
JavaScript中getUTCMinutes()方法的使用详解
2015/06/10 Javascript
AngularJs学习第八篇 过滤器filter创建
2016/06/08 Javascript
JavaScript新增样式规则(推荐)
2016/07/19 Javascript
js判断数组key是否存在(不用循环)的简单实例
2016/08/03 Javascript
Angularjs 1.3 中的$parse实例代码
2017/09/14 Javascript
判断iOS、Android以及PC端的示例代码
2018/11/15 Javascript
JavaScript封闭函数及常用内置对象示例
2019/05/13 Javascript
解决nuxt 自定义全局方法,全局属性,全局变量的问题
2020/11/05 Javascript
[40:19]2018完美盛典CS.GO表演赛
2018/12/17 DOTA
Python实现TCP/IP协议下的端口转发及重定向示例
2016/06/14 Python
Python使用三种方法实现PCA算法
2017/12/12 Python
酷! 程序员用Python带你玩转冲顶大会
2018/01/17 Python
Python 输出时去掉列表元组外面的方括号与圆括号的方法
2018/12/24 Python
Python计算时间间隔(精确到微妙)的代码实例
2019/02/26 Python
pandas的to_datetime时间转换使用及学习心得
2019/08/11 Python
django之导入并执行自定义的函数模块图解
2020/04/01 Python
Python3实现个位数字和十位数字对调, 其乘积不变
2020/05/03 Python
Python过滤序列元素的方法
2020/07/31 Python
使用python操作lmdb对数据读取的实例
2020/12/11 Python
Kathmandu新西兰官网:新西兰户外运动品牌
2019/07/27 全球购物
描述RIP和OSPF区别以及特点
2015/01/17 面试题
致全体运动员广播稿
2014/02/01 职场文书
法律顾问服务方案
2014/05/15 职场文书
小学生读书活动总结
2014/06/30 职场文书
2014年实习期工作总结
2014/11/27 职场文书
2014年控辍保学工作总结
2014/12/08 职场文书
SONY600GR,国产收音机厂商永远的痛
2022/04/05 无线电