Javascript Jquery在图标上切换类，而不影响具有相同类的其他图标

我有几个与bg img（基本上是音频播放器按钮）具有相同svg的

div

，我希望在不影响其他元素的情况下切换每个单击元素的类。我真的不知道如何正确地选择我正在点击的单个元素，而不是同时选择所有元素

html是：

<ol class="tracks">
  <li>some text
    <div class="play"></div>
  </li>
  <li>some text 
    <div class="play"></div>
  </li>
  ...
</ol>

在

上单击
类I只需更改bg img（例如，从play.svg更改为pause.svg，反之亦然）。
很明显，我的Jquery有问题，但是，作为一个noob，我不知道它会是什么

如果你能帮助我，我将不胜感激^_^
 你的方法是正确的。它会起作用的。将您的js更新为：

$('.play').click(function() {
  $(this).toggleClass('clicked');
});

请参见此处更改类的示例：
$（this.toggleClass（'clicked'）$('.play').click(function() {
  $(this).toggleClass('clicked');
});