js for循环渲染数组绑定点击事件获取对应点击对象的值

最新推荐文章于 2023-09-07 11:25:11 发布

ঞ᭄阿້໌ᮩ莲໌້ᮨꦿ

最新推荐文章于 2023-09-07 11:25:11 发布

阅读量3.4k

点赞数 2

分类专栏： web js

本文链接：https://blog.csdn.net/qq_41241504/article/details/99675258

版权

本文介绍如何在JavaScript中使用for循环遍历数组，并为每个数组元素绑定点击事件监听器，以便在点击时获取所点击对象的值。通过实例代码详细解析了实现过程。

摘要由CSDN通过智能技术生成

<!DOCTYPE >
<html>

	<head>
		<meta charset="UTF-8">
		<title>标题</title>
		<script src="https://cdn.bootcss.com/jquery/2.2.0/jquery.js"></script>
	</head>

	<body>
		<div id="aFor">
		</div>
		<script>
			//循环渲染数组
			aFor()
			function aFor() {
				var list = [{
					a: '123',
					b: 'abc'
				}, {
					a: '456',
					b: 'efg'
				}, {
					a: '789',
					b: 'hnk'
				}]
				var text = "";
				var i;
				for(i = 0; i < list.length; i++) {
					text += "<button class='btn'>" + list[i].a + "</button>" + ' ';
					text += "<span>" + list[i].b + "</span>" + "</br>";
				}
				document.getElem