jquery - 如何使用jquery选择表中的一行？

Question

我在我的应用程序中创建了一个表格，我想在单击复选框时选择(更改背景颜色)整行，就像gmail所做的那样，当我们单击gmail中的复选框时，整行变成黄色。

<table>
<tbody>
<tr>
<td><input type="checkbox" name="chk" id="chk" /></td>
<td>My Name</td>
<td>Description of the job</td>
</tr>
</tbody>
</table>

请告诉我如何在 jquery 中执行相同的操作？

Answer 1

$(function() {
  $("#chk").click(function() {
    $(this).parents("tr").toggleClass("diffColor");
  });
});

创建一个 CSS 类(上面称为“diffColor”)并以这种方式添加背景颜色，如下所示:

<style type="text/css">
tr.diffColor td { background-color: yellow; }
</style>

不要直接设置 CSS 属性。尽可能使用类。