创建一个七行七列的表格，点击其中莫个单元格弹出行列比如（3,2）用js实现

 我来答

1个回答

#热议# 在购买新能源车时，要注意哪些？

历盆郁7
2011-08-10 · TA获得超过4277个赞

知道大有可为答主

回答量：1795

采纳率：100%

帮助的人：956万

我也去答题访问个人页

关注

展开全部

在网上下载个jquery-1.6.2.js

下面的代码保存为一个html文件,这两个文件放在同一个目录下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
</HEAD>
<script src="jquery-1.6.2.js" type="text/javascript" charset="utf-8"></script>
<style>
td{height:20px;width:100px;background-color:#666}
</style>
<BODY>
<script>
$(document).ready(function(){
$('#table').find('td').hover(function(){
var row = $(this).parent().prevAll().length + 1;
var col = $(this).prevAll().length + 1;
$(':input').val('(' + row + ',' + col + ')');
})
});
</script>
<input type='text' id='show'/>
<TABLE id='table' cellpadding='1' cellspacing='1' border='1'>
<TR>
<TD></TD>
<TD></TD>
<TD></TD>
<TD></TD>
<TD></TD>
<TD></TD>
<TD></TD>
</TR>
<TR>
<TD></TD>
<TD></TD>
<TD></TD>
<TD></TD>
<TD></TD>
<TD></TD>
<TD></TD>
</TR>
<TR>
<TD></TD>
<TD></TD>
<TD></TD>
<TD></TD>
<TD></TD>
<TD></TD>
<TD></TD>
</TR>
<TR>
<TD></TD>
<TD></TD>
<TD></TD>
<TD></TD>
<TD></TD>
<TD></TD>
<TD></TD>
</TR>
<TR>
<TD></TD>
<TD></TD>
<TD></TD>
<TD></TD>
<TD></TD>
<TD></TD>
<TD></TD>
</TR>
<TR>
<TD></TD>
<TD></TD>
<TD></TD>
<TD></TD>
<TD></TD>
<TD></TD>
<TD></TD>
</TR>
<TR>
<TD></TD>
<TD></TD>
<TD></TD>
<TD></TD>
<TD></TD>
<TD></TD>
<TD></TD>
</TR>
</TABLE>
</BODY>
</HTML>

本回答由提问者推荐

已赞过 已踩过<

评论收起

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

创建一个七行七列的表格，点击其中莫个单元格弹出行列比如（3,2） 用js实现

其他类似问题

为你推荐：

创建一个七行七列的表格，点击其中莫个单元格弹出行列比如（3,2）用js实现