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 相关文章推荐
ajaxControlToolkit AutoCompleteExtender的用法
Oct 30 Javascript
W3C Group的JavaScript1.8 新特性介绍
May 19 Javascript
jquery select(列表)的操作(取值/赋值)
Aug 06 Javascript
jquery命令汇总,方便使用jquery的朋友
Jun 26 Javascript
javaScript 动态访问JSon元素示例代码
Aug 30 Javascript
jQuery内置的AJAX功能和JSON的使用实例
Jul 27 Javascript
AngularJS ng-controller 指令简单实例
Aug 01 Javascript
JavaScript实现星星等级评价功能
Mar 22 Javascript
SpringMVC+bootstrap table实例详解
Jun 02 Javascript
JavaScript的setter与getter方法
Nov 29 Javascript
Vue实现开心消消乐游戏算法
Oct 22 Javascript
vue ant design 封装弹窗表单的使用
Jun 01 Vue.js
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
2006/12/14 PHP
PHP中FTP相关函数小结
2016/07/15 PHP
PHP工厂模式、单例模式与注册树模式实例详解
2019/06/03 PHP
如何在PHP中使用数组
2020/06/09 PHP
JS幻灯片可循环播放可平滑旋转带滚动导航(自写)
2013/08/05 Javascript
javascript自定义startWith()和endWith()的两种方法
2013/11/11 Javascript
javascript将数字转换整数金额大写的方法
2015/01/27 Javascript
基于JavaScript实现网页倒计时自动跳转代码
2015/12/28 Javascript
jQuery on()方法绑定动态元素的点击事件实例代码浅析
2016/06/16 Javascript
JavaScript面试题(指针、帽子和女朋友)
2016/11/23 Javascript
原生JS仿QQ阅读点击展开、收起效果
2017/03/08 Javascript
JavaScript实现获取远程的html到当前页面中
2017/03/26 Javascript
使用react实现手机号的数据同步显示功能的示例代码
2018/04/03 Javascript
vuejs 制作背景淡入淡出切换动画的实例
2018/09/01 Javascript
使用ECharts实现状态区间图
2018/10/25 Javascript
Vue中的vue-resource示例详解
2018/11/02 Javascript
CKeditor4 字体颜色功能配置方法教程
2019/06/26 Javascript
JS如何生成动态列表
2020/09/22 Javascript
layui使用及简单的三级联动实现教程
2020/12/01 Javascript
python 实现堆排序算法代码
2012/06/05 Python
Python 字符串操作实现代码(截取/替换/查找/分割)
2013/06/08 Python
使用python在校内发人人网状态(人人网看状态)
2014/02/19 Python
python实现k均值算法示例(k均值聚类算法)
2014/03/16 Python
Python os模块介绍
2014/11/30 Python
Python3爬虫全国地址信息
2019/01/05 Python
pandas.read_csv参数详解(小结)
2019/06/21 Python
Python错误的处理方法
2020/06/23 Python
python logging 重复写日志问题解决办法详解
2020/08/04 Python
Shopee越南:东南亚与台湾电商平台
2019/02/03 全球购物
高中毕业生自我鉴定范文
2013/09/26 职场文书
计算机本科生自荐信
2013/10/15 职场文书
主管职责范文
2013/11/09 职场文书
电工生产实习心得体会
2016/01/22 职场文书
CSS变量实现主题切换的方法
2021/06/23 HTML / CSS
Oracle 临时表空间SQL语句的实现
2021/09/25 Oracle
JavaScript实现两个数组的交集
2022/03/25 Javascript