如何在多個按鈕上使用此類？

Question

腳本和HTML代碼：當我單擊一個按鈕時，其他按鈕正在工作。 我有一堂課的按鈕，所以如何使用多個按鈕？ 我應該為每個按鈕添加data_id嗎？

Answer 1

這是您需要的嗎？

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <audio controls> <source src="http://www.noiseaddicts.com/samples_1w72b820/4160.mp3" id="audio" type="audio/ogg"> Your browser does not support the audio element. </audio> 

Answer 2

嘗試將新類添加到標簽中。 並通過新類在JQuery上獲取元素，如下所示：

  function play() { var audio = document.getElementById('audio'); if (audio.paused) { audio.play(); $('.play-button').addClass('icon-control-pause') $('.play-button').removeClass('icon-control-play') }else{ audio.pause(); $('.play-button').addClass('icon-control-play') $('.play-button').removeClass('icon-control-pause') } } 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <audio src="audio.mp3" id="audio"></audio> <i class="play-button icon-control-play i-2x" id="play" onclick="play()"></i>