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

【问题标题】：Jquery - match link color to image displayedJquery - 将链接颜色与显示的图像匹配
【发布时间】：2014-05-19 14:44:51
【问题描述】：

我有一个底部有3个圆圈的滑块，当显示图片时，正确的圆圈背景必须变为绿色，与正确的图像相关。我已经让它工作了，但是当用户点击一个新的圆圈来改变图像时，旧的背景颜色仍然存在并且不会消失，正如你从图片示例中看到的那样。

在上面的示例中，加载的页面突出显示了 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>

【问题讨论】：

仅供参考：in JQuery 请求类名时，需要在名称前使用.（点）。这个$("iLink") 应该是$(".iLink")

标签： javascript jquery css

【解决方案1】：

iLink 是什么？

$("iLink").removeClass()

改成

 $('a').removeClass()

为什么需要不同的类？

【讨论】：

【解决方案2】：

选择该id并关联将要选择一个id的条件，而不是使用jquery或css函数的css属性。

【讨论】：

【解决方案3】：

改变

$("iLink").removeClass()

到

$("a[class^='iLink']").removeClass()

因为 a 标签包含不同的类，但它们都以相同的名称 iLink 开头

【讨论】：