javascript - Jquery - 将链接颜色与显示的图像匹配

Question

我有一个底部有3个圆圈的 slider ，当显示图片时，正确的圆圈背景必须变成绿色，与正确的图像相关联。我已经让它工作了，但是当用户单击新圆圈来更改图像时，旧的背景颜色保留在原处并且​​不会消失，正如您从图片示例中看到的那样。

在上面的示例中，加载的页面突出显示了 middel 图像，当用户单击右侧圆圈时，图像发生了变化，并突出显示了右侧圆圈(应该如此)，但中间按钮突出显示颜色保持在原位...什么我在这里失踪了吗？代码如下:

$(document).ready(function(){
    $("a").click(function(){
      $("iLink").removeClass()
        $(this).addClass("over")  
    }) ; 
});

.over {
    background:#008000;
}

<a href="#" id="l1" class="iLink1"  onclick="imgSliderL1()"><img id="i1" src="images/dot.png"/></a>
     <a href="#" id="l2" class="iLink2" onclick="imgSliderL2()"><img id="i2" src="images/dot.png" /></a>
     <a href="#" id="l3" class="iLink3" onclick="imgSliderL3()"><img id="i3" src="images/dot.png" /></a>

Answer 1

什么是iLink？

$("iLink").removeClass()

更改为

 $('a').removeClass()

为什么需要不同的类？