如何使用javascript或jquery从动态表中获取所有tablecell值

赛义夫

我有动态表,它包含 5 个文本框控件,我正在尝试检索所有控件的标签文本。我怎样才能做到这一点。

谢谢。

我试过的:

 var table = document.getElementById("ControlTable_");
  if (table != null) {
                    var trlength = table.rows.length;
                    for (var i = 0; i < trlength; i++) {
                        var tclenght = table.cells.length;
                        for (var j = 0; j < tclenght; j++) {
                            var check = table.rows[i].cells[j].innerText;
                        }
                    }
                }

在这里我得到了未定义的内文

杀手

您可以使用类似于以下功能的东西来表示您的表格:

const mapTo = (element, selector, callback) => Array.from(
  element.querySelectorAll(selector),
  callback
);

const extractText = td => td.textContent;

const tableAsJson = mapTo(
  document, 
  '#ControlTable_ tr', 
  (row) => mapTo(row, 'td', extractText),
);

console.log('table', tableAsJson);
<table id="ControlTable_">
  <tr>
    <td>hello</td>
    <td>World</td>
  </tr>
<table>

如果您的td元素还包含类似

<label for="something">
  Label
</label>

<input />

那么这样的事情可能会有所帮助

const extractText = td => td.querySelector('label').textContent;

请注意,请确保您在将来询问类似问题时附加了 dom 结构的相关部分:)

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何使用JQuery从动态html表中获取选定的行值?

如何使用 JavaScript 从动态滚动列表中获取所有元素?

如何使用JQuery在HTML表中获取所有值

如何从动态表中获取数据

如何从动态表中获取 ID

如何使用jQuery从动态生成的元素中获取数据

如何从动态创建的行中获取值并将所有列和行值存储在数组中

从动态填充的表JavaScript中的特定行中获取特定的单元格值

jQuery从动态创建的表的单元格中获取值null而不是正确的值

如何使用JQuery将值从动态创建的表传递到新的数据库查询中?

如何使用jQuery从表中获取所有输入文本框值

如何使用jquery从表中获取所有数据,包括输入和选择标签值?

如何从动态HTML表中获取特定的用户输入数据(Onchange函数,数字值)

如何使用jquery从动态添加的表中删除没有id的特定<td>单元格?

从动态表中获取一行(jQuery)

如何使用jQuery删除从动态dataTables创建的表中某些表行?

如何从动态表中获取下拉选择的选项

使用jQuery UI从动态创建的选项卡中获取数据属性值

如何使用jQuery更新表中的所有值?

如何使用 python selenium 从动态表中获取内容的颜色?

如何从动态查询中获取变量的值

使用javascript从动态表中删除记录

使用JavaScript从动态对象列表中获取价值

使用变量从动态表获取行

如何使用android fresco从动画webp中获取所有位图?

使用JQuery从动态按钮获取ID

如何从动态元素中获取价值

如何从动态控件中获取价值?

使用jQuery单击链接时,如何获取动态表中单元格的值?