javascript - 中继器设置行的背景并在客户端取消选择上一个

Question

我有一个中继器控件。单击该行时应设置该行的背景颜色，或者单击另一行时应取消选择先前选定的行。怎么做？

Answer 1

你想成为这样的人吗？

$('#list li').click(function(){
    $(this).addClass('active').siblings().removeClass('active');
    
});

#list {width:500px;margin:50px auto;}
#list li {margin:10px 0;padding:10px;background:#f0f0f0;color:#000;}

.active {background:#F60 !important;color:#FFF !important;}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<ul id="list">
    <li>row1</li>
    <li>row2</li>
    <li>row3</li>
    <li>row4</li>
    <li>row5</li>
    <li>row6</li>
    <li>row7</li>
  </ul>