概述
<!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
>
<html xmlns=
"http://www.w3.org/1999/xhtml"
>
<head>
<meta http-equiv=
"Content-Type"
content=
"text/html; charset=utf-8"
/>
<script src=
"jquery-1.6.2.js"
type=
"text/javascript"
></script>
<script type=
"text/javascript"
>
var
array=[
"huangbiao"
,
"24"
,
"boy"
];
var
length = array.length;
function
forFunc(){
var
result =
""
;
for
(
var
i = 0; i < length; i++){
result=result.concat(array[i]+
" ; "
);
}
$(
"#forFunc"
).html(result);
return
true
;
}
function
eachFunc(){
var
result =
""
;
$(array).each(
function
(i,n){
//下面两种方式实现的效果是一样的
//result=result.concat(array[i]+" ; ");
result=result.concat(n+
" ; "
);
});
$(
"#eachFunc"
).html(result);
}
</script>
<title>无标题文档</title>
</head>
<body>
<button onclick=
"forFunc()"
>forFunc</button><br>
<div id=
"forFunc"
></div>
<button onclick=
"eachFunc()"
>eachFunc</button><br>
<div id=
"eachFunc"
></div>
</body>
</html>
最后
以上就是冷酷钢笔为你收集整理的jQuery使用each方法与for语句遍历数组示例的全部内容,希望文章能够帮你解决jQuery使用each方法与for语句遍历数组示例所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。
发表评论 取消回复