0

Font Awesome 5を使用して、再生ボタンを一時停止ボタンに変更しようとしています。クリックでトグルしないように見える理由がわかりません。クリックを認識します（アラートで試したので、ボタン自体を押すと認識されます）が、内部の要素が見つからず、変更されません。

これは私のコードです:

$(".startButton").click(function() {
  $(this).find("i").removeClass("fa-play-circle").addClass("fa-pause-circle")
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<head>
  <script defer src="https://use.fontawesome.com/releases/v5.0.6/js/all.js"></script>
</head>

<div id="timerWrapper">
  <div class="valuesWrapper">
    <div class="values"> 00:00:00</div>
  </div>
  <div id="buttonWrapper">
    <button class="startButton"><i class="fas fa-play-circle"></i></button>
    <button class="stopButton">Stop</button>
    <button class="clearButton">Clear</button>
  </div>
</div>

4

1 に答える 1