关于Jquery动态添加element 并 分别添加时间
最近在研究JQuery，突发想到一个问题，想用for循环创建两个动态控件，插入在table中，因为Id问题，所以尝试使用var id = “links”+i; 进行赋值，但是通过检查渲染后的HTML代码，虽然该控件的Id正确，但是通过Id根本取不到控件，不知道是什么原因，希望大家帮忙看看~
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script src="Scripts/jquery-1.6.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
var number = 2;
for (var i = 0; i < number; i++) {
var id = "links" + i;
var item = $("<td><a id ='" + id + "'>" + i + "</td>");
$("#" + id).click(function () {
alert("Great");
});
$("#TrInput").append(item);
}
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<table><tr id="TrInput"></tr></table>
</div>
</form>
</body>
</html>
Jquery .Net
[解决办法]
很明显，脚本执行顺序的问题，你应该在把控件加载到DOM之后，然后再去获取控件，不然是无法找到的，因为此时还没有加载到页面上，修改如下
$(function () {
var number = 2;
for (var i = 0; i < number; i++) {
var id = "links" + i;
var item = $("<td><a id ='" + id + "'>" + i + "</td>");
$("#TrInput").append(item);//放在前面
$("#" + id).click(function () {
alert("Great");
});
}
});
$(function () {
var number = 2;
for (var i = 0; i < number; i++) {
var id = "links" + i;
var item = $("<td><a id ='" + id + "'>" + i + "</td>");
//直接使用 item ，设置事件
item.click(function () {
alert("Great");
});
$("#TrInput").append(item);
}
});