jquery实现点击一个表格(table)的 tr 时改变其背景颜色,点击下一个tr时,上一个tr背景变回原来的背景,当前点击的这个tr背景改变。
<script type="text/javascript">
var pre;//原来的节点,假设原来的背景颜色为白色,点击变为#e6f0fc
function selectArow(sObject) {
$(sObject).attr("style", "BACKGROUND-COLOR: #e6f0fc");
if (pre != null && pre != sObject) $(pre).attr("style", "BACKGROUND-COLOR: white");
pre = sObject;
}
</script>
<table id="tb">
<tr οnclick="selectArow(this);"> </tr>
<tr οnclick="selectArow(this);"> </tr>
<tr οnclick="selectArow(this);"> </tr>
</table>
<script type="text/javascript">
var pre;//原来的节点,假设原来的背景颜色为白色,点击变为#e6f0fc
function selectArow(sObject) {
$(sObject).attr("style", "BACKGROUND-COLOR: #e6f0fc");
if (pre != null && pre != sObject) $(pre).attr("style", "BACKGROUND-COLOR: white");
pre = sObject;
}
</script>
<table id="tb">
<tr οnclick="selectArow(this);"> </tr>
<tr οnclick="selectArow(this);"> </tr>
<tr οnclick="selectArow(this);"> </tr>
</table>