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 获取元素位置的快速方法 getBoundingClientRect()
Nov 26 Javascript
js调用图片隐藏&显示实现代码
Sep 13 Javascript
jqgrid 表格数据导出实例
Nov 21 Javascript
jQuery插件bxSlider实现响应式焦点图
Apr 12 Javascript
jquery图片倾斜层叠切换特效代码分享
Aug 27 Javascript
JS获取html元素的标记名实现方法
Oct 08 Javascript
AngularJS入门教程之MVC架构实例分析
Nov 01 Javascript
简单理解js的冒泡排序
Dec 19 Javascript
JS模拟实现ECMAScript5新增的数组方法
Mar 20 Javascript
Vue 实现显示/隐藏层的思路(加全局点击事件)
Dec 31 Javascript
记一次react前端项目打包优化的方法
Mar 30 Javascript
vue引入静态js文件的方法
Jun 20 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
第三节 定义一个类 [3]
2006/10/09 PHP
PHP中创建并处理图象
2006/10/09 PHP
第十五节--Zend引擎的发展
2006/11/16 PHP
php set_time_limit()函数的使用详解
2013/06/05 PHP
教你如何快捷的使用cmd访问mysql小技巧
2014/05/26 PHP
PHP中file_exists函数不支持中文名的解决方法
2014/07/26 PHP
php 数组字符串搜索array_search技巧
2016/07/05 PHP
laravel 5.4中实现无限级分类的方法示例
2017/07/27 PHP
PHP常量及变量区别原理详解
2020/08/14 PHP
jquery text,radio,checkbox,select操作实现代码
2009/07/09 Javascript
风吟的小型JavaScirpt库 (FY.JS).
2010/03/09 Javascript
js实现通用的微信分享组件示例
2014/03/10 Javascript
jquery插件corner实现圆角边框的方法
2015/03/09 Javascript
drag-and-drop实现图片浏览器预览
2015/08/06 Javascript
JS+CSS实现简易实用的滑动门菜单效果
2015/09/18 Javascript
jQuery实现的鼠标经过时变宽的效果(附demo源码)
2016/04/28 Javascript
利用jquery实现瀑布流3种案例
2016/09/18 Javascript
NodeJS中的MongoDB快速入门详细教程
2016/11/11 NodeJs
js导出Excel表格超出26位英文字符的解决方法ES6
2017/11/15 Javascript
JavaScript去掉数组重复项的方法分析【测试可用】
2018/07/19 Javascript
ES6 对象的新功能与解构赋值介绍
2019/02/05 Javascript
jQuery实现简单的Ajax调用功能示例
2019/02/15 jQuery
JS使用栈判断给定字符串是否是回文算法示例
2019/03/04 Javascript
微信小程序调用wx.getImageInfo遇到的坑解决
2020/05/31 Javascript
vue 解决兄弟组件、跨组件深层次的通信操作
2020/07/27 Javascript
[08:07]DOTA2每周TOP10 精彩击杀集锦vol.8
2014/06/25 DOTA
[00:02]DOTA2新版本使用PA至宝后暴击展示
2014/11/19 DOTA
[54:30]Liquid vs Newbee 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/16 DOTA
Python实现二分法算法实例
2015/02/02 Python
在Python中用keys()方法返回字典键的教程
2015/05/21 Python
基于循环神经网络(RNN)的古诗生成器
2018/03/26 Python
python实现三维拟合的方法
2018/12/29 Python
python利用蒙版抠图(使用PIL.Image和cv2)输出透明背景图
2020/08/04 Python
HTML5在微信内置浏览器下右上角菜单的调整字体导致页面显示错乱的问题
2021/01/19 HTML / CSS
统计学教授推荐信
2014/09/18 职场文书
Redis keys命令的具体使用
2022/06/05 Redis