Salazar
Salazar
  • 发布:2017-07-06 14:59
  • 更新:2017-07-06 16:43
  • 阅读:1362

点击右边的+,怎么获取左边对应的数据?

分类:MUI

<!doctype html>  
<html>  
  
	<head>  
		<meta charset="UTF-8">  
		<title></title>  
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />  
		<link href="css/mui.min.css" rel="stylesheet" />  
		<link href="css/demo20.css" rel="stylesheet" />  
	</head>  
  
	<body>  
		<div class="mui-content">  
			<font id="middle-content"></font>  
			<ul class="mui-table-view">  
				</li>  
			</ul>  
		</div>  
  
		<script src="js/mui.min.js"></script>  
		<script type="text/javascript">  
			mui.init();  
			mui.plusReady(function() {  
				var temp = "";  
				for(var i = 0; i < 5; i++) {  
					temp += '<li class="mui-table-view-cell" style="list-style-type:none;">';  
					temp += '<font style="padding-left: 50px;">Item</font>' + (i + 1);  
					temp += '<img id="add" class="item-add" src="img/add.png" style="width: 30px;height: 30px;float: right;"/>';  
				}  
				document.getElementById("middle-content").innerHTML = temp;  
			});  
  
			mui(document).on('tap', '.item-add', function() {  
				var add = this.getAttribute("item-add");  
				mui.toast("点击了" + add);  
			});  
		</script>  
	</body>  
  
</html>
2017-07-06 14:59 负责人:无 分享
已邀请:
王者地带

王者地带 - 5+混合APP开发教程网 | http://www.html5-app.com | 咨询QQ: 2564034335

可以把左边的数据填充到加号的标签上, 你的加号是图片, 可以在<img id="add" class="item-add" src="img/add.png" style="width: 30px;height: 30px;float: right;" data-left="Item" />

把左边的需要的数据填充到data-left=" " 属性上,

获得数据, var data-left= this.getAttribute("data-left");

该问题目前已经被锁定, 无法添加新回复