Jquery 如何切换父背景？

我有带复选框的简单表格。当它被选中时，我需要更改行的颜色

<tr height="35">
    <td><input type="checkbox" ></td>
    <td>Name</td>
    <td>Surname</td>
</tr>

但是我认为

.parent（）.parent（）

不是一个好主意。。。还有切换背景的方法吗？可能是在检查了或没有检查后，就换了蚂蚁

您可以改为使用：

你可以这样做

  $("input[type='checkbox']").click(function(){
         $(this).parents("tr:first").css("background-color", "red");
  });

参考：

---

演示：

您应该尝试在复选框单击时切换背景色

jQuery('input[type="checkbox"]').click(function(){
    var self = jQuery(this);
    var parentTr = self.closest("tr");
    if(this.checked)
      parentTr.css('background-color', 'red');
    else 
      parentTr.css('background-color', 'default-color or empty if no default color');
});

选中此项

  $("input[type='checkbox']").click(function(){
         $(this).parents("tr:first").css("background-color", "red");
  });

jQuery('input[type="checkbox"]').click(function(){
    var self = jQuery(this);
    var parentTr = self.closest("tr");
    if(this.checked)
      parentTr.css('background-color', 'red');
    else 
      parentTr.css('background-color', 'default-color or empty if no default color');
});