服务器之家

服务器之家 > 正文

jquery中each遍历对象和数组示例

时间:2021-02-04 16:33     来源/作者:whsnow

 通用遍历方法,可用于遍历对象和数组。$().each(),回调函数拥有两个参数:

第一个为对象的成员或数组的索引,第二个为对应变量或内容。如需退出each循环可使回调函数返回false

现有如下两个select

?
1
2
3
4
5
6
7
8
9
10
11
12
计划类别:
<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处开始

?
1
2
3
4
$("option").each(function(index,data){
console.info($( data ).text());
//或者console.info($(this).text());
})

也可从select处开始

?
1
2
3
4
5
$("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()方法,此方法可用于例遍任何对象。

用此方法同样遍历上述代码

?
1
2
3
$.each($("option"),function(index,data){
console.info(index+" "+data);
})

也可以遍历数组

?
1
2
3
$.each( [0,1,2], function(i, n){
console.info( "Index:" + i + ": " + n );
});

遍历对象

?
1
2
3
$.each({ name: "itmyhome", addr: "Beijing" },function(i, n){
console.info("Name: " + i + ", Value: " + n);
});
标签:

相关文章

热门资讯

2020微信伤感网名听哭了 让对方看到心疼的伤感网名大全
2020微信伤感网名听哭了 让对方看到心疼的伤感网名大全 2019-12-26
Intellij idea2020永久破解,亲测可用!!!
Intellij idea2020永久破解,亲测可用!!! 2020-07-29
背刺什么意思 网络词语背刺是什么梗
背刺什么意思 网络词语背刺是什么梗 2020-05-22
yue是什么意思 网络流行语yue了是什么梗
yue是什么意思 网络流行语yue了是什么梗 2020-10-11
苹果12mini价格表官网报价 iPhone12mini全版本价格汇总
苹果12mini价格表官网报价 iPhone12mini全版本价格汇总 2020-11-13
返回顶部