如何一次播放一个音频文件，仅在单击时播放

Question

我的页面中有多个音频标签，所有音频标签都具有相同的类和不同的ID，我希望只有在单击该按钮时才能播放。到目前为止，代码仅适用于第一个剪辑，因为jquery需要索引才能用于音频标记。要玩每个我必须使用他们的ID并为每个ID编写单独的代码。有更干燥的方法吗？

$(".audio-container").on("click", function (){
    var sound = $(".clips")[0];
    if (sound.paused == false) {
        sound.pause();
    } else {
        sound.play();
    } })

我怎样才能告诉jquery抓取id以及点击时的每个游戏？

谢谢！

编辑：这是我的HTML。我的剪辑在整个页面的div中，而不是在一个容器中。

  <div class="audio-container">
    <audio class="clips" id="sound1" src="audio/source.mp3"></audio>
  </div>

  <div class="audio-container">
    <audio class="clips" id="sound2" src="audio/source.mp3"></audio>
  </div>