我有一個 wordpress 查詢循環遍歷頁面上的帖子。每個 .audio-box 都有 2 個 .play 按鈕，我需要它們一起工作，單擊一個按鈕時，我希望該 div 中的另一個按鈕也這樣做。問題是我在頁面上有多個音頻框 div。我只需要那個特定的 .audio-box div 中的 2 個播放按鈕同時工作，而不是所有其他的。這是我的 html：<div class="audio-box">        <div class="audio-btn">            <img src="image/path.jpg" alt="play" />        </div>        <div class="audio-content">            <div class="date">Published 18/01/20</div>            <h2>title</h2>            <p>content</p>        </div>        <div style="clear:both;"></div>        <div class="audio-player play-wrap">            <audio id="player" class="music">                <source src="path/to/audio.mp3" type="audio/mpeg" />            </audio>            <div id="audio-player">                <div id="controls">                    <i id="play" class="fa fa-play play"></i>                    <div id="progressbar"></div>                    <span id="time" class="time">00:00</span>                    <i id="mute" class="fa fa-volume-up"></i>                    <div id="volume"></div>                </div>            </div>            <i class="fa fa-play play"></i>        </div>    </div>這是我擁有的 javascript：play_button.click(function() {        player[player.paused ? 'play' : 'pause']();        $('.play').toggleClass("fa-pause", !player.paused);        $('.play').toggleClass("fa-play", player.paused);    });我知道這個問題是因為我在 .play 元素上說切換類但是有沒有辦法在特定的 .audio-box div 中說 .play 元素？