包含 X 内容的 Div 的 Jquery 父项

Question

我需要将 CSS 类添加到包含某些特定文本的 TD 父级的 TR(或多个 TR)。

由于 CMS，我无法控制代码，但我可以添加一些 Jquery 和 CSS。

我尝试了一些方法，但运气不佳。

这是我的想法的一个例子。

<style>
  tr.highlight { background: Blue;}
</style>

<table>
  <tr>
    <td>
      Pet
    </td>
    <td>
     Number of Legs
    </td>
  </tr>
  <tr>
    <td>
      Cat
    </td>
    <td>
      4
    </td>
  </tr>
  <tr>
    <td>
      Doggie
    </td>
    <td>
      4
    </td>
  </tr>
</table>

我本质上希望 jquery 将该类(突出显示)添加到有问题的 TR 中。

** 我知道这不是一个理想的方法，但危急时刻需要危急措施。 **

感谢您的帮助。

Answer 1

您正在寻找the :contains() selector .

以下代码会将 highlight 类添加到包含字符串 "doggie" 的每个 TD 的父元素(应为 TR):

$('td:contains("doggie")').parent().addClass('highlight');

请注意，要选择的文本必须具有匹配的大小写，即 $('td:contains("doggie") 和 $('td:contains("DoGGiE")' )不一样!