jQuery：获取 HTML 表格第四行（仅）的第一列值

Posted 2023-05-08

【中文标题】jQuery：获取 HTML 表格第四行（仅）的第一列值

【英文标题】：jQuery: Get First Column Value on Fourth Row (only) of HTML Table

【发布时间】：2012-06-03 12:34:19

【问题描述】：

我有一个名为 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 Code: Starting from Parent to Child; not from Child to Parent

How to get value of first column in current row in html table using jQuery

How to get the first row's last column of an Html table using jQuery

【参考方案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();

这些应该都比使用选择器快很多。

【讨论】：

这在 Microsoft Edge 中受支持，不像其他语法仅在 Internet Explorer 中有效

【参考方案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());

【讨论】：

alert($('#resultGridTable tr:eq(3) > td:eq(0)').text());那是对的人....但是你确定从第二个开始??!!

【参考方案3】：

如果您对行/列有特殊值，请考虑为其添加一个类，然后您可以使用选择器而不是可能会改变的“神奇”数字。

【参考方案4】：

改编自已接受的答案。 这是如果你使用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();