Javascript 使用Jquery禁用页面上的所有音频

作为叙述性网站的一部分，我的页面中有许多不同的音频元素。每个音频元素都有一个ID，因此可以在某些点调用它。任何时候都不会有超过一种声音在播放。但我需要的是页面的静音按钮，据我所知，我不能使用id，因为我需要它们将静音恢复到最后一个声音，而不是全部取消静音（如果有意义的话）。是否有一种简单的方法可以使所有页面音频静音，然后在不触发所有音频播放的情况下再次取消静音

下面是我的代码，但显然不起作用，我不确定最好的方法是什么：

html:

试试这个

 $('#muteaudio').click(function() {
     $('audio').each(function() {
            $(this).pause();
        });
    });

应该以工作为基础

---

使用

.each（）

迭代所有存在的匹配元素，并且

.pause（）

显然会暂停

标记。

Hmm由于某种原因，这似乎不起作用。OP是询问静音，而不是暂停音频。OP是询问静音，而不是暂停音频。

$(function(){
    $('#muteaudio').click(function() {
       $('audio').pause("");

    });
});

 $('#muteaudio').click(function() {
     $('audio').each(function() {
            $(this).pause();
        });
    });

$('#muteaudio').click(function () {
    $('audio').each(function () {
        $(this).pause();
    });
});