`

js获取选中tr下td值

 
阅读更多
function getParentEl (el, tagName) {
    if (!el) return el;
 
    do {
        el = el.parentNode;
    while(el && el.tagName !== tagName);
     
    return el;
}
 
function temp(){
    //得到选中row的value值
    var temp=document.getElementsByName('id');
    for(var i=0;i<temp.length;i++){
        if(temp[i].checked==true){
            edit=temp[i].value;
            var tr = getParentEl(temp[i], 'TR');
            var tds = tr.cells;
            for (var j = 0; j < tds.length; j++) {
                var tdInner = tds[j].innerHTML;
                alert(tdInner);
            }
        }
    }
}
分享到:
评论

相关推荐

    js使用for循环与innerHTML获取选中tr下td值

    在JavaScript中,有时候我们需要操作HTML表格(table)的数据,例如获取用户选中行(tr)中的单元格(td)的值。在这个场景下,`for`循环和`innerHTML`属性可以发挥重要作用。本文将详细解释如何使用这两种技术来...

    js获取table行 列 的值

    下面我们将详细介绍如何通过 JavaScript 来获取 HTML 表格(`&lt;table&gt;`)中的行(`&lt;tr&gt;`)和列(`&lt;td&gt;`)的值。 #### 核心知识点解析 ### 一、HTML 结构解析 首先,让我们来分析一下给定的 HTML 代码结构: ```...

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

    标题中提到的“JS选中checkbox后获取table内一行TD所有数据的方法”,指的是通过JavaScript编程技术实现,在用户选中表格中某一行的复选框时,获取该行中所有单元格(TD)的内容。此技术主要应用于Web开发中,可以...

    Js获取table当前tr行的值的代码

    ### Js获取table当前tr行的值的代码 在Web开发中,经常需要处理HTML表格中的数据,例如读取、修改或删除表格中的某一行。本文将详细介绍如何使用JavaScript来实现这些功能,具体包括:获取选中行的第一列值、删除...

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

    9. 处理特殊情况:文中提到了如果需要获取特定列的值,可以修改.find("tr").children("td")中的参数,例如.eq(2)来获取第三列的单元格内容。 10. 注意事项:在使用eq()和children()等方法时,需要注意它们是用于...

    JS动态创建Table,Tr,Td并赋值的具体实现

    文档展示了通过JavaScript函数getzts()和callback5()来动态生成表格(Table),以及表格的行(Tr)和单元格(Td)。利用DOM操作方法如insertRow()和insertCell(),可以根据条件创建新的行和列,为表格添加新的数据项...

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

    需要注意的是,在获取行id的过程中使用了`.closest('tr')`方法,这是因为点击事件发生在td元素上,所以需要从td元素向上查找其最近的tr元素来获取行的id。而`.text()`方法则是用来获取当前选择器选中元素的文本内容...

    JavaScript取得gridview中获取checkbox选中的值

    以上内容介绍了JavaScript在获取gridview中checkbox选中值的应用,并分享了相关的代码片段。通过这些代码,开发者可以在自己的Web项目中实现对gridview控件中checkbox选中状态的管理和业务逻辑操作。

    使用 JavaScript 获取 table 行号和列号

    在这个函数中,`closest('tr')`用于找到最近的`&lt;tr&gt;`元素,然后通过`rowIndex`属性获取行号;`cellIndex`属性则直接给出了当前单元格的列号。 当然,实际应用中可能需要考虑更复杂的情况,比如用户可能点击的是带有...

    JavaScript获取表格(table)当前行的值、删除行、增加行

    这个例子没有提供具体的`add()`函数实现,但通常情况下,增加一行需要创建一个新的`&lt;tr&gt;`元素,包含相应的`&lt;td&gt;`和输入框,并将其插入到表格的末尾。可以使用`insertRow()`方法添加新行,然后对新行的每个单元格...

    jquery获取tr中控件值并操作tr实现思路

    要获取特定`&lt;tr&gt;`中的控件值,我们可以使用jQuery的选择器和属性访问方法。例如,要获取`&lt;tr&gt;`中的第一个文本输入框的值,我们可以这样操作: ```javascript var txtProjectNoValue = $('#txtProjectNo').val(); ``...

    获取多选table选中行中的单元格内容

    对于每个多选中行的`&lt;tr&gt;`元素,可以进一步遍历其子元素(即`&lt;td&gt;`),使用`innerText`或`textContent`属性获取单元格内的文本内容。如果需要处理特定列的数据,可以使用`cellIndex`属性确定当前单元格在行中的位置...

    JavaScript获取table中某一列的值的方法

    在讨论JavaScript获取table中某一列的值的方法时,首先需要了解HTML中的table元素是用来展示表格数据的常用结构。在HTML表格中,行被称为tr(table row),而单元格则被称为td(table data)。每个td都可以通过其...

    js客户端对table表进行选中操作

    本文将详细讲解如何实现客户端对table表的选中操作,并获取选中行的相关信息。 首先,我们需要了解HTML表格的基本结构。一个表格由`&lt;table&gt;`标签开始,其中包含`&lt;tr&gt;`(行)标签,`&lt;tr&gt;`中又包含`&lt;td&gt;`(单元格)或...

    jQuery Table选中表格行变色代码.zip

    如果你希望在多选模式下工作,还可以使用复选框并跟踪所有选中的项。 总之,"jQuery Table选中表格行变色代码"是一个实用的示例,展示了如何利用jQuery改进用户与表格数据的交互。通过结合HTML、CSS和jQuery,...

    table中checkbox取值

    当我们需要在表格中使用复选框时,往往需要处理它们的值,比如选中状态的获取、传递或者存储。本篇文章将深入探讨在表格中使用复选框时如何取值,以及与之相关的编程知识点。 1. **HTML 结构** 首先,我们需要创建...

    Html获取select元素的真实值和显示值.pdf

    这篇内容主要讨论如何在JavaScript中获取`&lt;select&gt;`元素的真实值(即`&lt;option&gt;`的`value`属性)和显示值(即`&lt;option&gt;`的可见文本)。 首先,来看一个简单的HTML示例: ```html &lt;tr&gt; *目标字段 &lt;td&gt; ()"&gt; ...

    jquery获取table中的某行全部td的内容方法

    对于包含下拉列表(select)的td,我们可能需要获取选中的值。可以使用`.find('select')`找到select元素,然后使用`.val()`获取选中项的值: ```javascript var secondTdSelectValue = $tds.eq(2).find("select")....

    JQuery获取table一列值

    - 例如,要获取第一列(即索引为 0 的列),可以使用 `$("#DataTable tr td:first-child")`。 2. **遍历并读取每个单元格的内容**: - 使用 JQuery 的 `.each()` 方法遍历选中的每个单元格。 - 对于每个单元格,...

Global site tag (gtag.js) - Google Analytics