<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JQ QQ test</title>
<script type="text/javascript" src="jquery-1.6.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
//print a table with 1 to 100
$("p#table").click(function(){
for(i=0;i<10;i++){
$("table#t1").append(function(){
return "<tr id="+i+"></tr>";
});
for(j=1;j<11;j++){
$("tr#"+i).append(function(){
return "<td id="+(i*10+j)+">"+(i*10+j)+"</td>";
});
}
}
});
$("td").click(function(){
$(this).css("background-color","red");
});
});
</script>
</head>
<body>
<p id="table">click me to generate a table!!!</p>
<table id="t1" border=1></table>
<table id="test"><tr><td id="test">test</td></tr></table>
</body>
</html>貌似"<td id="+(i*10+j)+">"+(i*10+j)+"</td>";这个显示不正常，如果改成"<td >"+(i*10+j)+"</td>";就显示正常了，不知道问题出在哪里= =||还有td单击响应没反应，求解答，万分感谢
