如上图图片中，是一个通话列表，所有数据都是从数据库中查询得来，每一条记录都是一次通话，可播放和下载，如果点击“播放”，会在新页面调用播放器播放相应文件，现在问题是如果点击过“播放”按钮，我想将该行记录高亮显示，表明为当前正在播放的记录，当有新的记录播放时，新纪录行高亮，其他行保持原来颜色。
这个看似很简单的问题令我大费周折，开始想用CSS中a:visited中改变颜色来显示，可是a:visited好像只对文字起作用，对图片的链接不起作用；而且不能作用于整行；而且凡是点击过的链接都会呈现出设定颜色，而我想要的是只有最近点击过的一条记录才有特殊颜色。
我还试过用表单提交的方法，每一次点击播放图标都会提交一个表单，但是发现比想象中的还要复杂，感觉小题大做，把简单问题复杂化了。
同时也试过了用JavaScript中的onclick事件触发，但是均没有得到想要的结果。请各位大虾不吝赐教！
如有 .hilight {}
用的时候直接document.getElementById('rowid').className += ' hilight';
取消的时候用document.getElementById('rowid').className = document.getElementById('rowid').className.replace(' hilight', '');
具体可参考phpMyAdmin其中大量用到你所需要的效果