複数のボタンでこのクラスを使用するにはどうすればよいですか？

スクリプトとHTMLコード：ボタンをクリックすると、他のボタンが機能しています。私はボタン用のクラスを1つ持っていますので、どうすればこのボタンを複数使用できますか？ボタンごとにdata_idを追加しますか？複数のボタンでこのクラスを使用するにはどうすればよいですか？

出典

2017-08-29 dennisluzern

何* "他のボタン" *：そして、このように、新しいクラスであなたのjQueryの要素を取得？ *「各ボタンのdata_idを追加しますか？」という意味はどうですか？この質問はほとんど意味がありませんし、私はあなたが求めているものとコードの間のリンクを見ません。 – Phil

event.targetを使用してください。 Like function play（event）{event.target.addClass（ 'play'）} – iSZ

ああ、申し訳ありません、私はクラスを言う必要があります。私は音楽ページを持っています。そして、あるクラス（ボタン）をクリックすると、他のクラスが動作しています。 – dennisluzern

これは必要なのですか？

<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>

出典

2017-08-29 01:12:21

残念ながら、ご協力いただきありがとうございます。 – dennisluzern

タグに新しいクラスを追加してみてください。

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>

出典

2017-08-29 01:18:36

動作しません。（ありがとうございました） – dennisluzern

複数のボタンでこのクラスを使用するにはどうすればよいですか？

答えて

関連する問題