如何避免同时播放音频

Question

大家早上好， 我是一名网页设计师（有一些jquery，html和css技能），而不是开发人员，所以我写错了，但不幸的是在那些日子我不得不面对很多代码。

我有一个由元素组成的html页面。 每个人都必须使用click（）函数播放不同的音频文件。 我为divs元素分配了一个不同的id，并且我能够让它们播放音频文件，但是我无法同时播放音频样本（如果用户点击另一个按钮，其他音频文件会有停止）。

这是页面中html的示例

<div id="audio1"></div>
<div id="audio2"></div>
<div id="audio3"></div>

这是使第一个div播放音频文件的脚本

<script>     
     $(document).ready(function() {
        var audioElement = document.createElement('audio');
            audioElement.setAttribute('src', 'assets/esternos2.mp3');
            //audioElement.load()

        $.get();

        audioElement.addEventListener("load", function() {
            audioElement.play();
        }, true);

        $('#audio1').click(function() {
            audioElement.play();
        });

    });
</script>

使用该代码，div会在单击后播放音频。现在我的第一个问题是创建一个变量，为其他div分配不同的音频文件。 然后避免同时播放音频样本。 我真的很感激任何答案或帮助。祝你有愉快的一天。