HTML表格搜索功能问题：无法获取行内第二个TD内容

API 探路者

2026-5-29

问题描述

我为从数据库加载数据的HTML表格实现了一个搜索功能，该功能通过按钮与ID为EnterSiteNo的文本框触发执行。目前我能成功获取行内第一个TD的内容，但无法获取第二个TD的内容，恳请提供解决思路。相关代码如下：

function search() { var valueToFind = $('#EnterSiteNo').val(); $('#SiteTable > tbody> tr').each(function(index) { var firstTd = $(this).find('td:first'); var secondTd = $(this).find('td:second'); if ($(firstTd).text() == valueToFind) { var name = secondTd.text(); alert("found. " + name); } }) }

解决思路与修正代码

嘿，问题出在你用的td:second选择器上——jQuery并没有内置:second这个伪类选择器，这就是你拿不到第二个<td>内容的核心原因。下面给你可行的解决方式，还有一些代码优化建议：

1. 使用正确的索引选择器

jQuery里要选中第N个元素，需要用:eq(index)伪类（索引从0开始计数），所以第二个<td>对应的索引是1，可以写成td:eq(1)；另外也可以用.eq(1)方法，它的性能会比伪类选择器更好一点。

2. 优化后的完整代码

function search() {
  // 先去除输入值的前后空格，避免空格干扰匹配
  var valueToFind = $('#EnterSiteNo').val().trim();
  
  $('#SiteTable > tbody > tr').each(function() {
    // 缓存当前行的jQuery对象，减少重复DOM查询
    var $currentRow = $(this);
    // 选中第一个td并获取文本（同样去除空格）
    var firstTdContent = $currentRow.find('td:eq(0)').text().trim();
    // 选中第二个td并获取文本
    var secondTdContent = $currentRow.find('td:eq(1)').text().trim();
    
    if (firstTdContent === valueToFind) {
      alert("found. " + secondTdContent);
      // 找到匹配项后退出循环，不用继续遍历剩下的行，提升效率
      return false;
    }
  });
}