`
liss
  • 浏览: 842979 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

javascript中如何获取表格中的当前行号

JavaScript 
阅读更多 
<table width="100%" border="1"> 
  <tr onclick=alert(this.rowIndex)> 
    <td>&nbsp; </td> 
  </tr> 
  <tr onclick=alert(this.rowIndex)> 
    <td>&nbsp; </td> 
  </tr> 
  <tr onclick=alert(this.rowIndex)> 
    <td>&nbsp; </td> 
  </tr> 
  <tr onclick=alert(this.rowIndex)> 
    <td>&nbsp; </td> 
  </tr> 
  <tr onclick=alert(this.rowIndex)> 
    <td>&nbsp; </td> 
  </tr> 
</table>

 

既然行是this.rowIndex，我估计列号是this.collIndex

分享到：
| 点击表格中某一行中的某个单元格中的超链接 ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    使用 JavaScript 获取 table 行号和列号

    以上就是使用JavaScript获取表格行号和列号的基本方法。这个功能在数据分析、表格编辑、用户交互等多种场景下都非常有用。在实际开发中，可以根据具体需求进行适当的扩展和优化，确保代码的健壮性和可维护性。

    jQuery实现获取table中鼠标click点击位置行号与列号的方法

    为了获取行号和列号，我们需要找到该单元格在父`tr`（行）中的索引（列号）以及该`tr`在父`tbody`（表格体）或整个`table`中的索引（行号）： ```javascript var tdSeq = $(this).parent().find("td").index($(this...

    JavaScript获取GridView中用户点击控件的行号，列号

    然而，获取行号和列号的逻辑是在另一个名为 `openOkurisakiPopup` 的JavaScript函数中实现的： ```javascript function openOkurisakiPopup(obj) { var rowIndex, col; var o = obj; while (o.tagName != "TD") ...

    js获取表格的行数和列数的方法

    如何使用JavaScript获取一个表格的行数和列数？其实很简单，假设存在如下表格：                    &lt;/td&gt;

    jquery获取table指定行和列的数据方法(当前选中行、列)

    在本文中，将详细介绍使用jQuery如何获取表格中指定行和列的数据，具体来说，就是如何获取当前选中行和列的数据。 首先，要获取表格中指定行的数据，可以通过绑定点击事件到表格的行元素（tr）上。在点击事件的回调...

    javascript简单实现表格行间隔显示颜色并高亮显示

    利用`x % 2 == 1`判断当前行号`x`是奇数还是偶数，从而决定应用哪个类（`"one"`或`"two"`）到当前行。如果`x`是奇数，则应用`"one"`类（设置背景色为红色），如果是偶数，则应用`"two"`类（设置背景色为蓝色）。 4...

    Layui组件Table绑定行点击事件和获取行数据的方法

    在事件函数中，通过查找具有layui-table-hover类的元素来获取当前行的data-index属性值，然后将这个值转换为字符串形式，用于从数据集合中获取行数据。最后调用fun.openLayer函数来根据获取的行数据打开一个弹层展示...

    JavaScript 自动在表格前面增加序号

    // 获取表格元素 var oTable = document.getElementById("bbsTab"); // 遍历表格中的每一行 for (var i = 0; i ; i++) { // 获取当前行 var oRow = oTable.rows[i]; // 创建一个新的单元格并插入序号 ...

    dhtmlxGrid 添加行号详细步骤

    通过检查`IsRowIndicator`属性确认当前正在绘制的是行号，然后利用`RowHandle`获取行的索引，并加1以得到行号。最后，通过`DisplayText`属性设置行号的文本。 四、数据源绑定行号值 另一种方法是直接在数据源中包含...

    经典JavaScript分页代码

    这个方法获取表格和TBODY的引用，计算记录数和页数，并调用`__updateTableRows__`方法更新表格内容。 4. **分页操作方法**： - `nextPage`：跳转到下一页，如果当前页索引小于总页数减一，则增加`pageIndex`并...

    js操作table行的上下移动，置顶置底

    在JavaScript中，我们可以通过`getElementById`或`querySelectorAll`等方法获取表格元素，并通过`appendChild`、`insertBefore`等方法来调整行的位置。 当用户执行上移、下移、置顶或置底操作时，我们需要记录当前...

    起步Bex5获取gridtr的id和滚动条定位

    ### Bex5中获取GridTR ID与滚动条定位方法详解 在进行Web应用程序开发时，尤其是在使用Bex5这样的框架时，对Grid组件的操作是非常常见的需求之一。Grid组件能够帮助开发者快速实现数据表格的展示，并提供了丰富的...

    Javascript动态添加與刪除Talbe行

    JavaScript 动态添加与删除Table行是网页交互中常见的需求，尤其在处理表格数据时，如用户管理、订单列表等场景。以下将详细介绍如何使用JavaScript实现这一功能。 首先，我们来看如何动态插入行。有两种常见的方式...

    JavaScript实现动态增删表格的方法

    // 获取当前表格行号 var i = r.parentNode.parentNode.rowIndex; // 调用deleteRow()删除本行 document.getElementById('testTble').deleteRow(i); } ``` 在`addRow()`函数中，我们首先获取了输入框中的值，...

    用JS获得表格当前行数的代码

    ### 使用JavaScript获取表格当前行数的方法 在网页开发过程中，我们经常会遇到需要处理HTML表格的情况。比如统计表格中的行数、获取特定单元格的数据等。本文将详细介绍如何使用JavaScript来获取表格当前行数。 ##...

    javascript 移动鼠标得到单元格所在table表中的rowIndex位置[兼容ie,firefox] <font color=red>原创</font>

    在Web开发中，使用JavaScript获取鼠标事件中的单元格位置是一个常见需求，尤其在处理表格数据时。本文主要介绍了如何兼容IE和Firefox浏览器，在用户移动鼠标时获取单元格所在的行索引位置（rowIndex）和列索引位置...

    判断鼠标点击所在表格的第几行以及删除表格的行

    当涉及到表格（Table）元素时，我们可能需要获取用户点击的表格行（tr）的索引，以便执行特定的操作，如删除该行。这个场景在数据管理、表格编辑等应用中尤为常见。以下我们将详细讲解如何实现这个功能。 首先，...

    JS获取单击按钮单元格所在行的信息

    在JavaScript中，获取用户在网页上交互时点击的特定元素及其相关信息是一项常见的需求，尤其是在处理表格数据时。本文将详细讲解如何在JavaScript中实现当用户点击表格内的按钮单元格时，获取该按钮所在的行信息。 ...

    javascript 对表格的行和列都能加亮显示

    在探讨如何使用JavaScript实现表格的行和列同时加亮显示时，我们可以从给定的文件内容中提取以下知识点： 1. **表格行列加亮显示原理**： - 加亮显示通常是指通过JavaScript改变表格单元格（td或th）的CSS样式，以...

    HTML代码在txt里面

    - 当输入框中的值发生变化时，首先判断新值是否超出允许范围（小于当前行号或大于最大行号）。 - 如果新值合法，则根据新值与当前行号的相对位置，调整其他行的位置。 - 如果新值大于当前行号，则将位于新值与...

Magicbox
Global site tag (gtag.js) - Google Analytics