如果选中复选框，jquery将突出显示表行

如果我“单击”一个元素，我知道如何高亮显示一个表行

但是当我打开一个页面时，一些复选框已经被选中了。我想在页面加载时使用jquery突出显示这些行

我给了我所有的复选框一类“复选框”。 以下是我目前得到的信息：

$(document).ready(function(){ 

   if( $('.checkboxes').attr("checked") == true ){ /*not sure how to detect a row*/  }

});

我不知道该放什么进去

我最接近的地方是：

$(this).closest('tr').addClass("pinkrow");

但是

$（this）

显然无法检测。

您可以使用和伪选择器：

$('tr .checkboxes:checked').each(function() {
    $(this).closest('tr').addClass('pinkrow');
});

如果只想使用纯CSS选择器，可以测试是否使用DOM元素的

checked

属性检查元素：

$('tr .checkboxes').each(function() {
    if(this.checked) {
        $(this).closest('tr').addClass('pinkrow');
    }
});

---

也请注意，<代码> TR。复选框< /代码>只选择那些<代码>。复选框元素，它们位于表行中（如果有其他行）。

我甚至没有考虑.Eh（）选择器。美好的谢谢你的提醒。