jquery中each遍历对象和数组示例
通用遍历方法,可用于遍历对象和数组。$().each(),回调函数拥有两个参数:
第一个为对象的成员或数组的索引,第二个为对应变量或内容。如需退出each循环可使回调函数返回false
现有如下两个select
计划类别: <select id="PLANTYPE"> <option value="0">-所有-</option> <option value="1">新建</option> <option value="2">续建</option> </select> 申报类型: <select id="AUDITTYPE"> <option value="0">-所有-</option> <option value="1">申报</option> <option value="2">修改</option> </select>
使用each方法获取option中的文本值,即 -所有-、新建、续建...
如果只使用一次each循环 可从option处开始
$("option").each(function(index,data){ console.info($( data ).text()); //或者console.info($(this).text()); })
也可从select处开始
$("select").each(function( index,data){ $("option", data).each(function(m,n){ console.info($(this).text()); }) })
$("option", data)一定要加上 data或者$("option",this),表示此对象下的option
否则就是所有的option。
--------------------------华丽的分割线-----------------------------
each还有一种用法jQuery.each(object, [callback])
不同于jQuery对象的$().each()方法,此方法可用于例遍任何对象。
用此方法同样遍历上述代码
$.each($("option"),function(index,data){ console.info(index+" "+data); })
也可以遍历数组
$.each( [0,1,2], function(i, n){ console.info( "Index:" + i + ": " + n ); });
遍历对象
$.each({ name: "itmyhome", addr: "Beijing" },function(i, n){ console.info("Name: " + i + ", Value: " + n); });
相关文章
jQuery插件HighCharts绘制2D柱状图、折线图和饼图的组合图效果示例【附demo源码下载】
这篇文章主要介绍了jQuery插件HighCharts绘制2D柱状图、折线图和饼图的组合图效果,结合实例形式分析了jQuery使用HighCharts插件同时绘制折线图、柱状图、饼状图组合图效果的操作步骤与相关实现技巧,并附带demo源码供读者下载参考,需要的朋友可以参考下2017-03-03jQuery+css3实现转动的正方形效果(附demo源码下载)
这篇文章主要介绍了jQuery+css3实现转动的正方形效果,可实现图片组集体转动的功能,通过jQuery结合时间函数定时操作css3属性实现旋转效果,并附带demo源码供读者下载,需要的朋友可以参考下2016-01-01bootstrapValidator表单校验、更改状态、新增、移除校验字段的实例代码
这篇文章主要介绍了bootstrapValidator表单校验、更改状态、新增、移除校验字段,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2020-05-05基于jQuery的固定表格头部的代码(IE6,7,8测试通过)
目前只能算个不完整的脚本,不过一般的仅仅需要表头冻结就可以使用了2010-05-05
最新评论