Jquery同时旋转所有图像

Question

<script>
$(document).ready(function () {
    $('.music').click(function () {
        if ($(this).find('.arrow-img').hasClass('rotate2')) {
            $('.music').find('.arrow-img').removeClass('rotate2');
            $('.music').find('.arrow-img').addClass('rotate');
            $('.musicInfo').hide();
        } else {
            $('.music').find('.arrow-img').removeClass('rotate');
            $('.music').find('.arrow-img').addClass('rotate2');
            $('.musicInfo').hide();

            $(this).parent().find('.musicInfo').show();
            $(this).find('.arrow-img').removeClass('rotate');
            $(this).find('.arrow-img').addClass('rotate2');
        }
    });
});
</script>

图：

---

在这里你可以看到所有箭头指向下方而不是1指向下方，我想发布一张图片，但我不能这样做，因为我的代表所以会回复一个链接到图像