<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>menu</title>
<style type="text/css">
</style>
<script type="text/javascript" src="jquery-1.8.0.min.js"></script>
<script type="text/javascript">
$ (function ()
{
var sum = 5
var funny = function (x)
{
$ ("#id" + x).on ('click', function ()
{
alert ($ (this).attr ("id"))
})
}
$ ("div").on ("keyup", function ()
{
for ( var x = 1 x <= sum x++)
{
funny (x)
}
})
})
// 绑定事件只能是在页面初始化的时候绑定，
// 只要绑定一次就可以，而且必须绑定一次，正常需求下。
// 如上：每次div键盘谈起，就绑定事件，事件累加绑定，导致效率低下，结果很大概率出错。
// jquery选择器，包括 以id开头的id的dom元素的获取方法
// $("*[id^=id]").each (function (i, dom){
// var me = $(this), idx = me.attr ("id").replace(/[^\d]/g,'')
// if (idx >= 1 && idx <= sum)
// {
// // TODO
// }
//})
// 无论如何都不需你那样做。好自为之
</script>
</head>
<body>
<div>ddddddddddddd</div>
<span id="id1">aaaaaaaaaaaa</span>
<span id="id2">aaaaaaaaaaaa</span>
<span id="id3">aaaaaaaaaaaa</span>
<span id="id4">aaaaaaaaaaaa</span>
<span id="id5">aaaaaaaaaaaa</span>
</body>
</html>
测试过，可以添加DIV，点击事件也可以触发。一切正常。你的代码中没有调用CreateOuterDiv函数。不调用怎么执行你的动态添加DIV的代码呢？
把函数CreateOuterDiv添加到body的load事件
用jquery吧先把jquery引用进来
<script type="text/javascript" src="jquery-1.9.0.min.js"></script>
<script type="text/javascript">
$(function(){
$(".div1").click(function(){
var text = $(this).text()//这样无论你点哪一个div都 可以获它里面的值
//你自己试试有不懂的再问我
})
})
</script>
<body>
<div class='div1">111</div>
<div class='div1">222</div>
<div class='div1">333</div>
<div class='div1">333</div>
</body>
