自定义静音/取消静音按钮，带有适用于所有音频文件的javascript

Question

我的网页上有很多带有html5音频标签的声音。

我想为我的所有声音创建静音/取消静音按钮。我做的是下面的

这是标记

<span class="soundIcon soundIconOff"></span>
<audio id="startTop_sound" src="sounds/startTop.mp3" preload="none"></audio> // one of the audios

if(!jQuery('.soundIcon').hasClass('soundIconOn')){
        jQuery('body').addClass('audioOn');
        jQuery('body audio').each(function(){
            jQuery(this).prop('muted', false);
        });
}else{
   jQuery('.soundIcon').removeClass('soundIconOn').addClass('soundIconOff');
   jQuery('body audio').each(function(){
       jQuery(this).prop('muted', true);
   });
}

在播放一个声音期间单击按钮时，此操作无法正常工作。它没有打开声音。

有什么想法吗？

感谢。