使用jQuery定位含指定值的表格行并修改行类

没问题，这两个需求都可以用jQuery轻松实现，我来给你拆解一下：

你可以根据匹配需求选择两种实现思路：

• 模糊匹配（包含指定文本即可）：用:contains()选择器快速定位目标<td>，再通过closest('tr')找到它所在的表格行：

  // 替换"目标值"为你要找的文本内容
  const targetRow = $('td:contains("目标值")').closest('tr');
  

  注意：:contains()是部分匹配逻辑，比如目标文本是"Yes"，那内容为"YesNo"的<td>也会被选中。

• 精确匹配（文本完全一致）：如果需要严格匹配文本内容（包括自动移除前后空格、换行符等空白字符），用filter()方法更精准：

  const targetRow = $('td').filter(function() {
    return $(this).text().trim() === "目标值";
  }).closest('tr');
  

当然可以实现，同样推荐优先用精确匹配的写法，避免误修改其他行：

方法一：模糊匹配写法 #

// 找到内容包含"Yes"的td.data，定位到父级tr.foo后替换类名
$('td.data:contains("Yes")').closest('tr.foo').removeClass('foo').addClass('bar');

方法二：精确匹配写法（推荐） #

// 精确筛选出文本为"Yes"的td.data，再修改对应tr的类
$('td.data').filter(function() {
  return $(this).text().trim() === "Yes";
}).closest('tr.foo')
  .removeClass('foo')
  .addClass('bar');

小提示：如果直接用attr('class', 'bar')也能修改类，但会覆盖<tr>上的其他类（如果有的话），而removeClass('foo').addClass('bar')只会修改指定类，更安全。

内容的提问来源于stack exchange，提问作者Jordan Weinstein