当前位置 : 主页 > 网页制作 > JQuery >

如何使用jquery在表中选择一行?

来源:互联网 收集:自由互联 发布时间:2021-06-15
我在我的应用程序中创建了一个表,我想在单击复选框时选择(更改背景颜色)整行,与gmail一样,当我们在gmail中单击复选框时,整行变为黄色. tabletbodytrtdinput type="checkbox" name="chk" id="chk" //td
我在我的应用程序中创建了一个表,我想在单击复选框时选择(更改背景颜色)整行,与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中做同样的事情?

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

创建一个CSS类(上面称为“diffColor”)并添加背景颜色,如:

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

不要直接设置CSS属性.尽可能使用课程.

网友评论