jQuery:获取 HTML 表第四行(仅)的第一列值
jQuery: Get First Column Value on Fourth Row (only) of HTML Table
我有一个名为resultGridTable的表。我有一个jQuery函数要在表的每一行上执行。 在函数中,"this"表示一行。
- 对于第四行
,我需要提醒第一列值(第四行)。我有以下代码;但它不起作用。我们如何才能使其发挥作用?
对于第五行,我需要提醒行中的列数。我们该怎么做?
在第六行的第二列中,我有两个按钮(输入类型="提交")。我需要提醒第二个按钮的文本/值。(第二个按钮有一个名为"secondButton"的类)我们该怎么做?
以下是代码:
$('#resultGridTable tr').each(function (i)
{
//"this" means row
//Other operations in the row. Common for all rows
if(i==3)
{
//Specific Operation for fourth row
var columnValue = $(this 'td:nth-child(0)').val();
alert(columnValue);
}
});
读数:
jQuery 代码:从父级到子级;而不是从子级到父级
如何使用jQuery获取html表中当前行中第一列的值
如何使用 jQuery 获取 Html 表的第一行的最后一列
为了与众不同,你可以在这里混合 DOM 和 jQuery 以获得良好的效果,因为你已经将偏移量固定到表中:
var t = document.getElementById('resultGridTable');
// jQuery to get the content of row 4, column 1
var val1 = $(t.rows[3].cells[0]).text();
// no jQuery here to get that row length!
var val2 = t.rows[4].cells.length;
// DOM access for the cell, and jQuery to find by class and get the text
var val3 = $('.secondButton', t.rows[5].cells[1]).text();
这些都应该比使用选择器快得多。
查看 jQuery eq:
alert($('#resultGridTable tr:eq(3) > td:eq(0)').text());
alert($('#resultGridTable tr:eq(4) > td').length);
alert($('#resultGridTable tr:eq(5) > td:eq(1) > .secondButton').text());
如果你对行/列有特殊的值,请考虑添加一个类,然后你可以使用选择器而不是可能会改变的"魔术"数字。
改编自公认的答案。如果您使用的是 jquery 而不是 document.getElementById
,这就是代码 不同之处在于您需要插入 [0] 的数组。
var t = $('resultGridTable');
// jQuery to get the content of row 4, column 1
var val1 = $(t[0].rows[3].cells[0]).text();
相关文章:
- 获取表中每行的一列的内容,然后循环访问每个内容
- 排除行选择中的最后一列
- 如何在jQuery数组中保存行的每一列的内容
- 如何在更改一列时更新HTML表行中的单元格
- jQuery 为每行的下一列添加附加值
- 隐藏 3 列并将其中一列扩展为 100% 行时的 jQuery 过渡效果
- jQuery:获取 HTML 表第四行(仅)的第一列值
- 将
行合并到 HTML 表的一列中 - 如何在某一列中消除谷歌文档中所有行的重复
- Slickgrid使用一列来包含每行的颜色
- 将Click事件放在表格行上,但排除其中一列
- 在一列详细信息DataTables行中嵌入超链接
- 根据另一列中的字符串中的数据查找行号
- 基于一列值隐藏行
- 如何针对表主体中的最后一列,将其值替换为每行的固定值
- 通过jQuery获取引导行中的最后一列
- 如何选择表中所有行的最后一列
- 计算最后一列单元格的值——涉及动态表行
- 如何在不使用固定大小的情况下创建两列(一列有两行,另一列有一行)
- 使用角度 ng 重复在一列中添加多行