jquery - jQuery 选择器选择所有行...为什么？

Question

我有一个标准的 HTML 表，它的结构看起来像这样：

<table>
  <tbody>
    <tr>
      <td>FOOTER</td>
      <td>
          ... other td columns
      </td>
    </tr>
    <tr>
      <td>some other row that I don't want selected</td>
      <td>
          ... other td columns
      </td>
    </tr>
  </tbody>
</table>

我想做的是只选择 td 中包含文本 FOOTER 的 tr，然后将所选 tr 下的所有 td 的字体粗细设置为粗体。我的问题是我拥有的 jQuery 选择器将表中的所有 td 设置为粗体，我不知道为什么。

到目前为止，这是我的选择器：

$("tr:contains('FOOTER')").children("td").css("font-weight", "bold");

Answer 1

也许您的表嵌套在另一个表中。所以tr:contains()将匹配整个表的父tr级，然后继续查找td并将它们设置为bold..

也许

$("td:contains('FOOTER')").siblings().css("font-weight", "bold");

将是一个更好的候选人（放弃这个想法，因为它会通过在更高处应用粗体来做同样的事情td）