Javascript 将类更改为jQuery不起作用

我有这个html：

<div id="dowload">
    <a class="got player-frame btn btn-info" href="#" title="watch">
     <i class="icon-white icon-play"></i></a>
    <a class="download-frame btn btn-success" href="#" title="download">
     <i class="icon-white icon-download-alt"></i> Download</a>
</div>

试试这个：

$('a.mp3z').on('click', function() {
    if($('.icon-white').hasClass('icon-play')) {
         $('.icon-white').removeClass('icon-play').addClass('icon-pause');
    } else {
        $('.icon-white').removeClass('icon-pause').addClass('icon-play');
    }
});

---

我们这里没有任何图标，所以我正在改变背景颜色，以演示您所需的类的切换。

$（'.get'）。在（'click'，function（）上{
$（this）.find（'.icon-white'）.toggleClass（'icon-play-icon-pause'）；
});
。白色图标{
利润率：0px 20px；
}
.图标播放{
背景：ddd；
}
.图标暂停{
背景#fdc847；
}
a{
文字装饰：无；
颜色：#999；
字体大小：粗体；
}

mp3z类在哪里？为什么不直接针对“.btn”类本身而不是它的子类呢？这段代码工作得很好，但是我有20个结果（20个），所有结果都会更改该类，我只需要在单击的div中进行更改。我该怎么做呢？谢谢你的回答。这使技巧$（'a.mp3z'）。在（'click'，function（）{var location=$（this.parent（）.parent（）；$（'icon white'，location.toggleClass（'icon-play icon pause'）；}）；首先，你不能有20个具有相同id的div（id必须是唯一的）…而是对这些div应用一个类名下载…我已经根据你的要求修改了我的答案…请检查。。。
$('a.mp3z').on('click', function() {
    if($('.icon-white').hasClass('icon-play')) {
         $('.icon-white').removeClass('icon-play').addClass('icon-pause');
    } else {
        $('.icon-white').removeClass('icon-pause').addClass('icon-play');
    }
});