jQuery无任何标示获取td在表格中的行数和列数
生活随笔
收集整理的這篇文章主要介紹了
jQuery无任何标示获取td在表格中的行数和列数
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
當td沒有任何標示時，在jQuery中實現獲取其在表格中的行和列：
<!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=gb2312"?/>
<script?language="javascript"?type="text/javascript"?src="jquery-1.4.4.js"></script>
<script?language="javascript">
????$(document).ready(function(){
????????$("#MyTable").find("td").hover(function(){
????????????var?hang?=?$(this).parent().prevAll().length+1;
????????????var?lie?=?$(this).prevAll().length+1;
????????????$(":input").val("第"+hang+"行，第"+lie+"列");
????????})
????})
</script>
<title>JQuery</title>
<style?type="text/css">
????table{
????????background:#FFCC99;}
????td{
????????text-align:center;
????????width:100px;
????????height:30px;}
</style>
</head>
<body>
<table?id="MyTable"?border="1"?cellpadding="2"?cellspacing="0">
????<tr>
????????<td>(1，1)</td>
????????<td>(1，2)</td>
????????<td>(1，3)</td>
????</tr>
????<tr>
????????<td>(2，1)</td>
????????<td>(2，2)</td>
????????<td>(2，3)</td>
????</tr>
????<tr>
????????<td>(3，1)</td>
????????<td>(3，2)</td>
????????<td>(3，3)</td>
????</tr>
</table>
<br?/>
<input?type="text"??/>
</body>
</html>
其中所用到了prevAll，其含義是查找當前元素之前所有的同輩元素。如圖所示：
?
?
轉載于:https://www.cnblogs.com/chenyt/archive/2011/01/25/1944633.html
總結
以上是生活随笔為你收集整理的jQuery无任何标示获取td在表格中的行数和列数的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： uni-app和php交互DES加密解密
- 下一篇： 【Python爬虫】爬虫程序的简单处理过