<tr> 使用 <td> jquery 更改子包含"specific text"时的背景

Question

我基本上想根据行中一个<td class="status">的内容更改<tr>的背景色。

我试过这个，还有很多其他的东西

$('.status:contains("Complete")') .parent() .css('background', '#dff0d8');

下面的代码可以很好地为<td>上色

$('.status:contains("Complete")') .css('background', '#dff0d8');

但是.parent()无法为行上色。非常感谢您的帮助。

Answer 1

将css应用于td而非tr的同级，如果要包含当前td.，还可以使用andSelf()

$('.status:contains("Complete")').siblings().andSelf().css('background', '#dff0d8');

如果您使用的是jQuery 1.8+，请使用andBack而不是andSelf。

andSelf函数已被弃用，现在是的别名.addBack()，它应该与jQuery 1.8及更高版本一起使用，引用。

Answer 2

您可以使用closest()获取td:的最近tr父级

$('.status:contains("Complete")').closest('tr').css('background', '#dff0d8');

Answer 3

试试这个，

$('.status:contains("Complete")') .closest('tr') .css('background', '#dff0d8');