javascript - 如何使用 jquery 根据其他 td 元素更改 td 元素的背景颜色

Question

下面的 html 表格包含多个 td 元素。我现在被这个问题困住了。如果任何一个 td 元素的背景颜色为红色，则该完整行应以红色突出显示，这意味着该行中的其他 td 元素应突出显示。

下面是示例 html。

<table border="1" class="CSSTableGenerator">

<style>
.foo {
    background-color: green;
}

.foo2 {
    background-color: red;
}
</style>

<tr>
    <th>Component</th>
    <th>Properties</th>
    <th>J02</th>
    <th>W02</th>
</tr>

<td>OccoR1CutoverConfiguration</td>
    <td>reservationCutoverSwitch</td>
    <td class="trueValue foo">false</td>
    <td class="trueValue foo">false</td>
    <tr />
<tr />

<td>IntegrationConfiguration</td>
    <td>exactTargetAppKey</td>
    <td class="falseValue foo2">SGEwbW94OkMwH7g0f4tSN5MAC504gSSG</td>
    <td class="falseValue foo2">SGEwbW94OkMwH7g0f4tSN5MAC504gSSG</td>
    <tr />
<tr />
</table>

上面的代码仅以红色突出显示了 td 元素，其中包含 SGEwbW94OkMwH7g0f4tSN5MAC504gSSG。有没有一种方法可以使用 jquery 突出显示从 IntegrationConfiguration 到 SGEwbW94OkMwH7g0f4tSN5MAC504gSSG 的完整行？

Answer 1

首先你检查你的表是否有相同的问题修复了那些，问题是一些你没有开始一些 tr 但你结束了 tr。然后试试这个，它会在这个 tr 中添加类 how have td with class foo

$('td').hasClass('foo').(this).closest('td').addClass('foo');