`
boss5518831534
  • 浏览: 230628 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

获取table下每一行td的值

阅读更多
最近做项目,需要获取每一行td的值,于是我就总结了一下获取td值的方法。分别用jquery和javascript来获取

第一种:javascript
var otable = document.getElementById("tablee");
/*
event 事件
srcElement  button
parentElement 上1层td
parentElement 上1层tr
rowIndex tr的rowIndex
*/
js代码:
var tr=event.srcElement.parentElement.parentElement.rowIndex;//获取每一行的索引
var td=event.srcElement.parentElement.parentElement.cells[0].innerText;//获取tr下第一个td的值


第二种方法: jquery
就是用到jquery的each方法 这种方法网上有很多在这里就不说明了,如果有不知道的可以给我留言。。

<table id="tablee">
<tr>
<td>名字</td>
<td>密码</td>
<td>性别</td>
<td> 操作</td>
</tr>
<tr>
<td>1</td>
<td>1</td>
<td>1</td>
<td> <input type="button" value="删除" onClick="deleteRow()" /></td>
</tr>
<tr>
<td>2</td>
<td>2</td>
<td>2</td>
<td> <input type="button" value="删除" onClick="deleteRow()" /></td>
</tr>
<tr>
<td>3</td>
<td>3</td>
<td>3</td>
<td> <input type="button" value="删除" onClick="deleteRow()" /></td>
</tr>

</table>
分享到:
评论

相关推荐

    jQuery获取table下某一行某一列的值实现代码

    从提供的文件内容中,我们可以提取以下关于jQuery获取表格中某一行某一列值的知识点: 1. jQuery选择器的使用:在文中,通过使用选择器 $(".div") 找到了包含多个表格的div元素。这说明了jQuery选择器用于选取页面...

    获取table中某个td的值

    在这个场景下,我们需要掌握如何利用JavaScript有效地获取table中某个td的值,以便实现动态的页面交互。 首先,了解HTML表格的基本结构至关重要。一个表格由`&lt;table&gt;`元素定义,其中包含多个`&lt;tr&gt;`(行)元素,每个...

    js获取table行 列 的值

    这里的 `&lt;table&gt;` 标签定义了一个表格,并且每个 `&lt;tr&gt;` 元素代表一行,而 `&lt;td&gt;` 元素代表单元格。在这个例子中,每个单元格都包含一个 `&lt;input type="text"&gt;` 元素,用来显示具体的数值。 ### 二、JavaScript ...

    JS获取Table中td值的方法

    首先,当需要获取表格中多个行的任意td值时,可以为每个td元素分配一个共同的class。这样做的好处是可以通过class来选取所有的目标td元素,进行统一的操作。例如,可以为td元素设置如下的class: ```html &lt;td class...

    如何用js获取table第1行第2列的值

    在HTML中,table由`&lt;table&gt;`标签定义,每一行由`&lt;tr&gt;`标签表示,而每一列则由`&lt;td&gt;`(表格数据)或`&lt;th&gt;`(表头数据)标签表示。在JavaScript中,我们可以使用DOM操作或者jQuery库来实现这个功能。 **纯JavaScript...

    正则取html中table中td中的值

    在本主题“正则取html中table中td中的值”中,我们将探讨如何利用C#编程语言结合正则表达式来从HTML文档的表格(table)中提取td(表格数据单元格)内的内容。这对于网页爬虫、数据提取或自动化测试等场景非常实用。...

    用Jquery获取table中td的值

    在"用Jquery获取table中td的值"这个场景下,可能需要遍历整个表格获取所有`td`的值。可以使用`.each()`方法来实现: ```javascript $("table tr td").each(function(index, element) { var value = $(element)....

    JavaScript获取tr td 的三种方式全面总结(推荐)

    /* 第一种,原生的js,先获取table然后获取tr标签,然后遍历td */ // $('#selectIds').val(); // var table = document.getElementById(tb_table);//获取第一个表格 // var array = table.getElementsByTagName(tr...

    js获取table中当前选择行号

    通过js获取table中当前选择的一行的行号,获取当前行号后可以进行对应的操作

    jq 隐藏table中的tr或td

    一个基本的HTML表格由`&lt;table&gt;`标签开始,内部包含`&lt;tr&gt;`(行)标签,而每一行中又可以有多个`&lt;td&gt;`(单元格)或`&lt;th&gt;`(表头单元格)。如果我们想通过jQuery来操作这些元素,我们需要选择器来定位它们。 在jQuery...

    JS选中checkbox后获取table内一行TD所有数据的方法

    本文实例讲述了JS选中checkbox后获取table内一行TD所有数据的方法。分享给大家供大家参考。具体实现方法如下: &lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"&gt; &lt;html&gt; &lt;head&gt; &...

    动态获取TABLE中的TD内容的资源

    可以使用`table.rows`获取所有TR元素,然后对每一行的`cells`属性进行迭代,获取TD元素。例如: ```javascript for (var i = 0; i &lt; table.rows.length; i++) { for (var j = 0; j &lt; table.rows[i].cells.length;...

    JQuery获取table一列值

    ### JQuery 获取 Table 一列值的方法详解 在 Web 开发中,经常需要处理表格数据,尤其是在需要对表格中的数据进行批量操作时。使用 JQuery 可以非常方便地获取表格(`&lt;table&gt;`)中某一列的所有值。下面将详细介绍...

    js中获取 table节点各tr及td的内容简单实例

    在JavaScript中获取table节点各tr(表格行)及td(表格单元格)的内容是一个常见的操作,这在进行网页动态内容更新或数据提取时非常有用。本文将通过实例来说明如何通过JavaScript代码实现这一功能。 首先,我们...

    用jQuery获取table中行id和td值的实现代码

    // 用jQuery获取table中td值 $("#mytable td").click(function(){ alert("table td值:" + $(this).text()); });// 用jQuery获取table中点击位置所在行的id $("#mytable td").click(function(){ // 获取td的id...

    table里面获取所有元素

    一个基本的表格由`&lt;table&gt;`元素作为容器,`&lt;tr&gt;`(行)元素来定义每一行,`&lt;td&gt;`(单元格)元素存放具体的数据,而`&lt;th&gt;`(表头)元素用于定义表头单元格。例如: ```html &lt;table&gt; 姓名 年龄 &lt;td&gt;张三&lt;/td...

Global site tag (gtag.js) - Google Analytics