[英]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);
}
});
相关阅读:
只是为了与众不同,你可以在这里混合使用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());
如果你有行/列的特殊值,考虑添加一个类,那么你可以使用选择器而不是可能改变的“魔术”数字。
改编自Accepted Answer。 如果您使用的是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();
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.