each 有两种调用方式:
(1):$.each(array,fn): 对数组 arry 每个元素调用 fn 函数进行处理,没有返回值
(2):如下案例中: names.each(function (key, value) { arr[key] = $(value).val(); }); jQuery 的元素也可以调用 each 方法,(元素.each(function))只是对 $.each 的简化调用。
案例:显示选中的复选框信息
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$("input[name=names]").click(function () {
var names = $("input[name=names]:checked");
var arr = new Array();
names.each(function (key, value) { arr[key] = $(value).val(); });
$("#msg").text("共选中"+names.length+"条:"+arr.join("."));
});
});
</script>
</head>
<body>
<input id="Checkbox4" type="checkbox" name="names" value="南京" />南京<br />
<input id="Checkbox3" type="checkbox" name="names" value="北京" />北京<br />
<input id="Checkbox2" type="checkbox" name="names" value="上海" />上海<br />
<input id="Checkbox1" type="checkbox" name="names" value="杭州" />杭州<br />
<p id="msg"></p>
</body>
</html>