博客

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>