jQuery:获取第四行(仅限)HTML表的第一列值

Question

我有一个名为resultGridTable的表.我有一个jQuery函数要在表的每一行上执行.在函数中,"this"表示一行.

1. 对于第四行,我需要提醒第一列值(第四行).我有以下代码; 但它不起作用.我们怎样才能让它发挥作用？

2. 对于第五行,我需要提醒行中的列数.我们怎么做？

3. 在第六行的第二列中,我有两个按钮(输入类型="提交").我需要提醒第二个按钮的文本/值.(第二个按钮有一个名为"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);
    }
});

相关阅读:

1. jQuery代码:从Parent到Child; 不是从孩子到父母

2. 如何使用jQuery获取html表中当前行中第一列的值

3. 如何使用jQuery获取Html表的第一行的最后一列

Answer 1

只是为了与众不同,你可以在这里混合使用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();

这些都应该比使用选择器快得多.

Answer 2

看看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());