jquery 获取当前元素 表格所在的行列数

最新推荐文章于 2021-01-26 16:18:50 发布
最新推荐文章于 2021-01-26 16:18:50 发布
阅读量7.3k 收藏 1
点赞数 1
分类专栏： 基础掌握 文章标签： jquery table function html c
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">    
  2. <html>    
  3. <head>    
  4. <title>tableTest.html</title>    
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />    
  6. <script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.min.js"></script>   
  7. <script type="text/javascript">    
  8. //页面装载就加载函数    
  9. $(document).ready(function() {    
  10. //给所有的td单元格绑定一个click事件    
  11. //如果这个table的id为table1，那单给table1的所有td加click事件代码为：    
  12. // var tds = $("#table1").find("td");    
  13. var tds = $("td");    
  14. tds.click(tdclick);    
  15. });    
  16.   
  17. function tdclick() {    
  18. //var td = $(this);    
  19. //var text = td.text();    
  20. // $(this)表示这个td单元格，    
  21. // .parent("tr")表示这个td的父节点    
  22. // .prevAll()表示这个tr前面有多少个tr    
  23. var hang = $(this).parent("tr").prevAll().length;    
  24. var lie = $(this).prevAll().length;    
  25. hang = Number(hang)+1;//字符串变为数字    
  26. lie = Number(lie)+1;    
  27. alert("第"+hang+"行"+"第"+lie+"列");    
  28. }    
  29. </script>    
  30. </head>    
  31.   
  32. <body>    
  33. <table border="1px" width="300" id="table1">    
  34. <tr>    
  35. <td>    
  36. 1    
  37. </td>    
  38. <td>    
  39. 2    
  40. </td>    
  41. <td>    
  42. q    
  43. </td>    
  44. <td>    
  45. t    
  46. </td>    
  47. </tr>    
  48. <tr>    
  49. <td>    
  50. a    
  51. </td>    
  52. <td>    
  53. 2    
  54. </td>    
  55. <td>    
  56. q    
  57. </td>    
  58. <td>    
  59. y    
  60. </td>    
  61. </tr>    
  62. <tr>    
  63. <td>    
  64. b    
  65. </td>    
  66. <td>    
  67. 2    
  68. </td>    
  69. <td>    
  70. 3    
  71. </td>    
  72. <td>    
  73. b    
  74. </td>    
  75. </tr>    
  76. <tr>    
  77. <td>    
  78. c    
  79. </td>    
  80. <td>    
  81. 2    
  82. </td>    
  83. <td>    
  84. q    
  85. </td>    
  86. <td>    
  87. 4    
  88. </td>    
  89. </tr>    
  90. <tr>    
  91. <td>    
  92. d    
  93. </td>    
  94. <td>    
  95. 2    
  96. </td>    
  97. <td>    
  98. q    
  99. </td>    
  100. <td>    
  101. f    
  102. </td>    
  103. </tr>    
  104. </table>    
  105. </body>    
  106. </html>

蓝水依依
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
Jquery获取当前元素所在表格的行列数
weixin_30932215的博客
03-29 364
html代码如下： View Code 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/199...
jquery 获取当前元素 所在的表格 行列数
匣子疯子
08-07 689
&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &lt;head&gt; &lt;
获取元素的行数方法
ll13352976097的博客
01-26 455
了解原理，其实就是 行数 = 元素高度 / 元素行高 uni-app 小程序端： <view style="line-height:44rpx;" class="line">888888888888888888888888888888888888888</view> uni.createSelectorQuery().in(this).select('.line').boundingClientRect(res => { var height = res.height;
jquery获取td所在的行和列
diandingyin9417的博客
04-19 535
今天在做项目时。遇到一个须要获取第几行第几列的问题。后来。网上找了找资料，整理了此文。（使用jquery的preAll()获取列） 代码例如以下： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml...
jquery取点击位置是table中的第几行第几列
heni6560的博客
05-21 3291
$('table tr td').click( function() { alert( $(this).parent().parent().find("tr").index($(this).parent()[0]));//第几行 alert($(this).index());//第几列 } ); $('table tr td').click( function() { var i = $(this).parent().parent().find("tr"...
jquery获取当前元素索引值用法实例
10-24
主要介绍了jquery获取当前元素索引值用法,实例分析了jQuery获取当前元素索引在创建图片轮播效果中的使用技巧,需要的朋友可以参考下
jQuery获取当前点击的对象元素(实现代码)
11-23
jQuery获取当前点击的对象元素(实现代码) [removed][removed] </head> <body> 段落1 段落2 段落3 段落4 段落5 [removed] //获取当前点击的对象 $('p').click( function(){ //this表示当前被...
jquery 获取当前元素的索引值
12-11
在jQuery中，`.index()`是一个非常实用的方法，它允许我们获取元素在父元素中的位置，即索引值。在给定的标题和描述中，我们将详细探讨如何使用`.index()`函数来获取当前元素的索引值。 首先，让我们分析一下提供的...
Jquery实现获取子元素的方法分析
10-16
本篇文章将深入探讨jQuery如何实现获取子元素的方法，包括`children()`和`find()`两个主要方法，并通过实例来解析它们之间的差异。 首先，`children()`方法是jQuery提供的一种获取元素直接子级的方法。它接受一个可...
jQuery获取this当前对象子元素对象的方法
10-21
在本例中，我们将探讨如何在jQuery中利用`this`来获取当前对象的子元素。 首先，我们来看给定的HTML代码： ```html 北京 上海 深圳 ``` 这里有一个`<select>`元素，包含三个`<option>`子元素。当用户从下拉...
jQuery获取table当前所在行
weixin_30785593的博客
10-11 469
$("div tbody tr").click(function() { var rows = $(this).prevAll().length + 1;//行号 alert(rows ); }); //获取表的总行数 tr $("#tableid").find("tr").length ; //获取所在行的行号 $(this).parent().prevAll...
jQuery 获取 table 行数
郭晓湉
07-21 5951
//获取表的总行数 tr$("#tbRAF").find("tr").length ;//获取所在行的行号$(this).parent().prevAll().length + 1;//行号//获取所在列的列号$(this).prevAll().length + 1;//列
jquery获取tr本行id属性
qq_36127031的博客
05-16 9539
&lt;table id="tableID" rules="all" border="1" cellspacing="0"&gt;  &lt;tr id="id1"&gt;    &lt;td&gt;&lt;input onclick="getTrId(this)" value="获取TR_ID" type=&qu
根据页面的id隐藏当前元素所在的tr
18妹的小窝
07-10 1408
.NoDisplay     {         display: none;     }   ---隐藏最后行     $(function () {         $('#displayTable tr:last').addClass('NoDisplay');     });  ---根据id  FilialeId进行隐藏     $(function () {
JS获取单元格所在行
Cheny的博客
04-13 4608
用JS获取表格中单击某个单元格中按钮，得到所在行的信息： functionGetRowNo(){ vare=e||window.event; vartarget=e.target||e.srcElement; if(target.parentNode.tagName.toLowerCase()=="td"){
jquery 获取当前元素的父元素
最新发布
05-25
可以使用 jQuery 中的 `parent()` 方法获取当前元素的父元素。例如，假设当前元素是一个 `div` 元素，可以使用以下代码获取它的父元素： ```javascript var parentElement = $('div').parent(); ``` 你也可以使用 ...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值