jquery怎么遍历List集合?

jquery怎么遍历List集合?下面本篇文章给大家介绍一下使用jquery遍历List集合的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

jQuery 遍历List集合

<!doctype html>
<html>

	<head>
		<meta charset="utf-8">
		<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
		<script type="text/javascript ">
			$(function() {
				var tbody = "";
				var obj = [{
						"name": "项海军",
						"password": "123456"
					},
					{
						"name": "西门庆",
						"password": "333333"
					}
				];
				$("#result").html("遍历List集合.each的使用");
				//下面使用each进行遍历  
				$.each(obj, function(n, value) {
					alert(n + ' [' + value.name + ' ' + value.password + ']');
					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="6" id="project" border="1">
			<tr>
				<th> 用户名</th>
				<th>密码</th>
			</tr>
		</table>
	</body>

</html>

效果图:

1.gif

说明:

jQuery.each() 函数用于遍历指定的对象和数组。

语法

$.each( object, callback )

2.png

更多web前端知识,请查阅 HTML中文网 !!

以上就是jquery怎么遍历List集合?的详细内容,更多请关注html中文网其它相关文章!

赞(0) 打赏
未经允许不得转载:html中文网首页 » jQuery 答疑

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏