我使用下面的代码来切换 td 颜色
<html>
<head>
<script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script>
$(function(){
$("td").click(function(){
$(this).addClass("on").parent().siblings("tr").find("td").removeClass("on");
});
});
</script>
<style>
article, aside, figure, footer, header, hgroup,
menu, nav, section { display: block; }
.on { background-color:red; color:#ffffff; }
</style>
</head>
<body>
<table class="mytable" border=1>
<tbody>
<tr>
<td>Hello World</td>
<td>Hello World1</td>
<td>Hello World2</td>
</tr>
<tr>
<td>Hello World</td>
<td>Hello World1</td>
<td>Hello World2</td>
</tr>
<tr>
<td>Hello World</td>
<td>Hello World1</td>
<td>Hello World2</td>
</tr>
</tbody>
</table>
</body>
</html>
上面的代码通过切换 td 颜色可以正常工作,请在此处查看演示
但现在我需要做三件事,
- 上面的代码适用于所有 tds,我需要它只适用于表类“mytable”的最后一列,
- 我需要添加一个按钮,单击该按钮应将所有 td 的颜色更改为表类“mytable”的“白色”
- 当我们选择特定的单元格时,完整的行应该是红色的。请帮我解决这个问题