Jquery 使用切换在单个Div中更改图像？

想通过在三个单独的链接上切换来控制这个精灵的状态。我有三个独立的链接，我想我可以点击任何一个链接来切换一个或关闭一个。目标是改变#案例图像的状态

我在想我可以使用addClass，但我不知道如何删除以前放在上面的任何类。假设它是一个变量，对吗

提前谢谢

RemoveClass（）可以工作：

或者，如果您想用另一个类替换所有现有类，我们可以使用.attr（'class'，'white'）。比如：

RemoveClass（）可以工作：

或者，如果您想用另一个类替换所有现有类，我们可以使用.attr（'class'，'white'）。比如：

---

所以你可以删除类（“我想要关闭的所有类”）是的，每个类名之间只有一个空格。我会试试看。谢谢你，兰斯！所以你可以删除类（“我想要关闭的所有类”）是的，每个类名之间只有一个空格。我会试试看。谢谢你，兰斯！

  $("li.ti-color a").click(function(){
      $("#logo-link").toggleClass('red');

      });

  $("li.black-pvd a").click(function(){
      $("#logo-link").toggleClass('blue');


  });

  $("li.white-color a").click(function(){
      $("#logo-link").toggleClass('white');


  });

<div id="case">

    <a href="#" id="logo-link"></a>

</div>


<ul id="links"></li>
    <li class="black-pvd"><a href="#">Black PVD</a></li>
    <li class="ti-color"><a href="#">Titanium</a></li>
    <li class="white-color"><a href="#">White</a></li>

</ul>   

$("li.ti-color a").click(function(){
  $('#logo-link').removeClass('blue white').addClass('red');
});

$("li.black-pvd a").click(function(){
  $('#logo-link').removeClass('red white').addClass('blue');
});

$("li.white-color a").click(function(){
  $('#logo-link').removeClass('red blue').addClass('white');
});

$("li.ti-color a").click(function(){
  $('#logo-link').attr('class', 'red');
});

$("li.black-pvd a").click(function(){
  $('#logo-link').attr('class', 'blue');
});

$("li.white-color a").click(function(){
  $('#logo-link').attr('class', 'white');
});