首页
Web开发
Windows程序
编程语言
数据库
移动开发
系统相关
微信
其他好文
会员
首页
>
编程语言
> 详细
jQuery遍历对象/数组/集合
时间:
2016-02-22 09:04:13
阅读:
250
评论:
0
收藏:
0
[点我收藏+]
标签:
转载自: 网络
1
.jquery 遍历对象
<!DOCTYPE HTML PUBLIC
"-//W3C//DTD HTML 4.0 Transitional//EN"
>
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<script language=
"javascript"
type=
"text/javascript"
src=
"jquery.min.js"
></script>
<script type=
"text/javascript"
>
$(function(){
var tbody =
""
;
//------------遍历对象 .each的使用-------------
//对象语法JSON数据格式(当服务器端回调回来的对象数据格式是json数据格式,必须保证JSON的格式要求,回调的对象必须使用eval函数进行转化(否则将得不到Object)。本文不作详细介绍服务器端回调的数据问题,我们将直接自定义对象)
var obj =[{
"name"
:
"项海军"
,
"password"
:
"123456"
}];
$(
"#result"
).html(
"------------遍历对象 .each的使用-------------"
);
alert(obj);
//是个object元素
//下面使用each进行遍历
$.each(obj,function(n,value) {
alert(n+
‘ ‘
+value);
var trs =
""
;
trs +=
"<tr><td>"
+ value.name +
"</td> <td>"
+ value.password +
"</td></tr>"
;
tbody += trs;
});
$(
"#project"
).append(tbody);
});
</script>
</HEAD>
<BODY>
<div id=
"result"
style=
"font-size:16px;color:red;"
></div>
<table cellpadding=
5
cellspacing=
1
width=
620
id=
"project"
border=
"1"
>
<tr>
<th>用户名</th>
<th>密码</th>
</tr>
</table>
</BODY>
</HTML>
2
.jQuery遍历数组
<!DOCTYPE HTML PUBLIC
"-//W3C//DTD HTML 4.0 Transitional//EN"
>
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<script language=
"javascript"
type=
"text/javascript"
src=
"jquery.min.js"
></script>
<script type=
"text/javascript"
>
$(function(){
var tbody =
""
;
//------------遍历数组 .each的使用-------------
var anArray = [
‘one‘
,
‘two‘
,
‘three‘
];
$(
"#result"
).html(
"------------遍历数组 .each的使用-------------"
);
$.each(anArray,function(n,value) {
alert(n+
‘ ‘
+value);
var trs =
""
;
trs +=
"<tr><td>"
+value+
"</td></tr>"
;
tbody += trs;
});
$(
"#project"
).append(tbody);
});
</script>
</HEAD>
<BODY>
------------此部分同
1
中的body部分--------------------
</BODY>
</HTML>
3
.jQuery 遍历List集合(其实与遍历一个对象没有太大区别,只是格式上的问题)
<!DOCTYPE HTML PUBLIC
"-//W3C//DTD HTML 4.0 Transitional//EN"
>
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<script language=
"javascript"
type=
"text/javascript"
src=
"jquery.min.js"
></script>
<script type=
"text/javascript"
>
$(function(){
var tbody =
""
;
//------------遍历List集合 .each的使用-------------
var obj =[{
"name"
:
"项海军"
,
"password"
:
"123456"
},{
"name"
:
"科比"
,
"password"
:
"333333"
}];
$(
"#result"
).html(
"遍历List集合 .each的使用"
);
alert(obj);
//是个object元素
//下面使用each进行遍历
$.each(obj,function(n,value) {
alert(n+
‘ ‘
+value);
var trs =
""
;
trs +=
"<tr><td>"
+value.name+
"</td> <td>"
+ value.password +
"</td></tr>"
;
tbody += trs;
});
$(
"#project"
).append(tbody);
});
</script>
</HEAD>
<BODY>
------------此部分同
1
中的body部分--------------------
</BODY>
</HTML>
jQuery遍历对象/数组/集合
标签:
原文地址:http://blog.csdn.net/liyongke89/article/details/50714598
踩
(
0
)
赞
(
0
)
举报
评论
一句话评论(
0
)
登录后才能评论!
分享档案
更多>
2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)
周排行
更多
Spring Cloud 从入门到精通(一)Nacos 服务中心初探
2021-07-29
基础的排序算法
2021-07-29
SpringBoot|常用配置介绍
2021-07-29
关于 .NET 与 JAVA 在 JIT 编译上的一些差异
2021-07-29
C语言常用函数-toupper()将字符转换为大写英文字母函数
2021-07-29
《手把手教你》系列技巧篇(十)-java+ selenium自动化测试-元素定位大法之By class name(详细教程)
2021-07-28
4-1 YAML配置文件 注入 JavaBean中
2021-07-28
【python】 用来将对象持久化的 pickle 模块
2021-07-28
马拉车算法
2021-07-28
用Python进行冒泡排序
2021-07-28
友情链接
兰亭集智
国之画
百度统计
站长统计
阿里云
chrome插件
新版天听网
关于我们
-
联系我们
-
留言反馈
© 2014
mamicode.com
版权所有 联系我们:gaon5@hotmail.com
迷上了代码!