点击＜table＞表格当中的某一行触发事件

时间：12-09来源：作者：点击数：

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
		<script type="text/javascript" src="js/jquery-1.4.js" ></script>
	<body>
		<table border="1">
			<tr>
					<th>
						<span>姓名</span>
					</th>
					<th>
						<span>地址</span>
					</th>
			</tr>
			
			<!--this 整个<tr></tr>标签对象-->
			<tr id="demo1" οnclick="loadRightIframe(this);" age = "23" name="张三">
						<td align="center">
							张三
						</td>
						<td align="center">
						       安徽
						</td>
			</tr>
			<tr id="demo2" οnclick="loadRightIframe(this);" age = "24" name="李四">
						<td align="center">
							李四
						</td>
						<td align="center">
						       黑龙江
						</td>
			</tr>
			<tr id="demo3" οnclick="loadRightIframe(this);" age = "22" name="王二">
						<td align="center">
							王二
						</td>
						<td align="center">
						   	北京
						</td>
			</tr>
		</table>
		
	</body>

	<script>
		function loadRightIframe(tr) {
			//attr() 方法设置或返回被选元素tr的属性值
			var age = $(tr).attr("age");
			var name = $(tr).attr("name");
			alert(age+name)	
		}
	</script>
</html>

方便获取更多学习、工作、生活信息请关注本站微信公众号 城东书院微信服务号

来顶一下

返回首页

上一篇:选择第一个下拉框的某个选项，显示第二个下拉框下一篇:下拉框一系列触发

高考“电脑阅卷”现场	Calibre – 一站式电
新手火腿必看！超详细的	图解 \| 原来这就是TCP