Question

如何在ul li中实现点击颜色改变，再点击其他时点击的当前li改变，原来的则变回原来的样子。

<ul style="height:240px; overflow:auto;">
<?php $n=1; if(is_array($deviceinfo)) foreach($deviceinfo AS $k => $v) { ?>
<li><div id="div_<?php echo $v['matchID'];?>" class="class1"><a href="javascript:void(0)" onclick="showplay('<?php echo $v['matchID'];?>', '<?php echo $v['devicename'];?>');" id="<?php echo $v['matchID'];?>"><i></i><span id="<?php echo $v['matchID'];?>_span" style="cursor:point;color:#666666;"><?php echo $v['devicename'];?></span></a></div>
</li>
<?php $n++;}unset($n); ?>
</ul>
我这是循环输出li列表。

Answer 1

循环的时候可以用$k给li起ID名，添加onclick，JS自定义方法，遍历这个ul里面的li，点的哪个更改哪个的样式，其他的全部变回默认的