第一次发问求给力:jquery在页面显示10*10的表格,其中td标签赋id和数值为1~100,求解答
<!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单击响应没反应,求解答,万分感谢
真人控①号
10 years, 8 months ago