<html>
<head>
<title>棋盘</title>
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
for(var i=1;i<=10;i++)
{
var y="tr"+i;
$("table").append("<tr class="+y+"></tr>");
for(var x=1;x<=10;x++)
{
$("."+y).append("<td></td>");
}
}
$("table tr").mousedown(function(){
//怎么获取鼠标在表格按下的位置
var hang=0,lie=1;//保存鼠标按下的位置
$("table tr:eq("+hang+") td:nth-child("+lie+")").css("background-color","blue");
$("tr td").prepend(arr);
//
});
});
</script>
<style>
table tr td{width:50px;height:50px;border:2px #000 solid;background-color:e56}
table{border-collapse:collapse;}
</style>
</head>
<body>
<table>
</table>
</body>
</html>
<head>
<title>棋盘</title>
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
for(var i=1;i<=10;i++)
{
var y="tr"+i;
$("table").append("<tr class="+y+"></tr>");
for(var x=1;x<=10;x++)
{
$("."+y).append("<td></td>");
}
}
$("table tr").mousedown(function(){
//怎么获取鼠标在表格按下的位置
var hang=0,lie=1;//保存鼠标按下的位置
$("table tr:eq("+hang+") td:nth-child("+lie+")").css("background-color","blue");
$("tr td").prepend(arr);
//
});
});
</script>
<style>
table tr td{width:50px;height:50px;border:2px #000 solid;background-color:e56}
table{border-collapse:collapse;}
</style>
</head>
<body>
<table>
</table>
</body>
</html>
