如何在 jQuery 中找到 3×3 表格的第六个单元格（第二行和第三列）？

在本文中，我们将看到如何在 jQuery 中获取 3×3 表格的第六个单元格。要查找元素的第 n 个子元素，我们可以使用 jQuery 的第 n 个子元素选择器。

方法：可以使用以下 jQuery 调用找到 3×3 表格的第六个单元格：

$('#table1 tr:nth-child(2) td:nth-child(3)').text();

如果表格有列标题，则可以使用以下调用找到第六个单元格。

$('#table1 tr:nth-child(3) td:nth-child(3)').text();

HTML 代码：请注意第 n 个子选择器的索引是基于 1 的。

HTML

  

    
    
  
    
        $(document).ready(function () {
            $('#btnGetValue').click(function () {
                $('#value').text($(
'#table1 tr:nth-child(3) td:nth-child(3)').text());
            });
        });
    

  

    
        
            
            
            
        
        
            
            
            
        
        
            
            
            
        
    
                Header1
            
                Header2
            
                Header3
            Cell 1Cell 2Cell 3Cell 4Cell 5Cell 6
    
  
    
          
    

  

输出：我们看到以下网页。

• 点击前：

• 点击后：

您会看到按钮旁边的第六个单元格的值（以红色矩形突出显示）

点击输出后