js 如何为动态创建的对象赋予事件
<!doctypehtml><html><head><metacharset="UTF-8"><scriptsrc="jquery-1.11.2.min.js"></sc...
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<script src="jquery-1.11.2.min.js"></script>
<title>index</title>
</head>
<body>
<button id="add">增加</button>
<div id="image"></div>
</body>
<script>
$("#add").click(function(){
$("#image").append('<a href="javascript:;" level="'+Date()+'">点击</a>');
})
</script>
</html>
//以上是代码部分，现在要求实现目标，点击每个动态创建的image中的a标签，让其弹出自身的level值。
小弟暂写的$("#image a").click(function(){alert($(this).attr('level'))})不对，如果添加三次，那么点第一个时会显示3个弹窗，请教大神帮助，如何点击哪个就弹出哪个的level，只弹出一次，另，为什么会显示3次相关数据。
这个问题我已经解决了，谢谢大家的关注，我的解决方法用到了javascript中的闭包，下面贴上代码，希望与大家一起分享。
for(var i=0,le=$("#image a"),len=le.length;i<len;i++){
(function(){le[i].onclick=function(){alert($(this).attr('level'));}})(i)
}
其中用到了，闭包和匿名函数。 展开
<html>
<head>
<meta charset="UTF-8">
<script src="jquery-1.11.2.min.js"></script>
<title>index</title>
</head>
<body>
<button id="add">增加</button>
<div id="image"></div>
</body>
<script>
$("#add").click(function(){
$("#image").append('<a href="javascript:;" level="'+Date()+'">点击</a>');
})
</script>
</html>
//以上是代码部分，现在要求实现目标，点击每个动态创建的image中的a标签，让其弹出自身的level值。
小弟暂写的$("#image a").click(function(){alert($(this).attr('level'))})不对，如果添加三次，那么点第一个时会显示3个弹窗，请教大神帮助，如何点击哪个就弹出哪个的level，只弹出一次，另，为什么会显示3次相关数据。
这个问题我已经解决了，谢谢大家的关注，我的解决方法用到了javascript中的闭包，下面贴上代码，希望与大家一起分享。
for(var i=0,le=$("#image a"),len=le.length;i<len;i++){
(function(){le[i].onclick=function(){alert($(this).attr('level'));}})(i)
}
其中用到了，闭包和匿名函数。 展开
1个回答
展开全部
$("#image").click(function(e){alert($(e.target).attr('level'))});放外面，别放#add的click方法里。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
