javascript - 当我单击链接时如何使用 javascript 在 css 中更改图像中的选定颜色

Question

当我点击链接时，如何使用 JavaScript 在 CSS 中更改图像中的选定颜色？如何在下面的代码中使用 JavaScript？

    .review {
      padding-left: 55px;
      display: inline-block;
    }
    .icon1 {
      display: inline-block;
      background: url('../userimage/icon.jpg') no-repeat -32px -40px;
      width: 12px;
      height: 14px;
      padding-left: 6px;
    }
    .icon2 {
      display: inline-block;
      background: url('../userimage/icon.jpg') no-repeat -32px -66px;
      width: 12px;
      height: 14px;
      padding-left: 6px;
    }
    .icon1:hover {
      background: url('../userimage/icon.jpg') no-repeat -13px -40px;
      width: 12px;
      height: 14px;
      cursor: pointer;
    }
    .icon2:hover {
      background: url('../userimage/icon.jpg') no-repeat -13px -66px;
      width: 12px;
      height: 14px;
      cursor: pointer;
    }
    .icon {
      cursor: pointer;
      color: #848484;
      font-weight: bold;
      margin-left: 5px;
    }

HTML:

<p class="review">
  Was this review helpful?
  <a class="icon" id="jp">
    <span class="icon1"></span>
    Yes
  </a>
  <a class="icon"><span class="icon2"></span>No</a>
</p>

Answer 1

Ok :visited 从浏览器历史记录中工作，我想你只想改变被点击链接的颜色。我把一些 jQuery 放在一起

$('a').click(function(){
 if ( $(this).is(":visited"))
     $(this).removeClass("visited");
 else
     $(this).addClass("visited");
 });

和 CSS

    a{
color:#000;
text-decoration:none;
}

a.visited{
color:#205081;
}