第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

使用javascript單擊時(shí)僅激活div子類

使用javascript單擊時(shí)僅激活div子類

天涯盡頭無女友 2023-02-24 16:52:03
我有一個(gè) wordpress 查詢循環(huán)遍歷頁面上的帖子。每個(gè) .audio-box 都有 2 個(gè) .play 按鈕,我需要它們一起工作,單擊一個(gè)按鈕時(shí),我希望該 div 中的另一個(gè)按鈕也這樣做。問題是我在頁面上有多個(gè)音頻框 div。我只需要那個(gè)特定的 .audio-box div 中的 2 個(gè)播放按鈕同時(shí)工作,而不是所有其他的。這是我的 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);    });我知道這個(gè)問題是因?yàn)槲以?.play 元素上說切換類但是有沒有辦法在特定的 .audio-box div 中說 .play 元素?
查看完整描述

2 回答

?
慕森卡

TA貢獻(xiàn)1806條經(jīng)驗(yàn) 獲得超8個(gè)贊

以下將從單擊的按鈕向上看,到下一個(gè)父級,并將在某處找到的元素.audio-box 上展開操作:.play

play_button.click(function() {
    player[player.paused ? 'play' : 'pause']();
    $(this).closest('.audio-box')
           .find('.play')
           .toggleClass("fa-pause", !player.paused)
           .toggleClass("fa-play", player.paused);
});


查看完整回答
反對 回復(fù) 2023-02-24
?
慕容森

TA貢獻(xiàn)1853條經(jīng)驗(yàn) 獲得超18個(gè)贊

$(".audio-box").click(()=>{
    $(".audio-box").children().css({"color": "red", "border": "2px solid red"});
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>


查看完整回答
反對 回復(fù) 2023-02-24
  • 2 回答
  • 0 關(guān)注
  • 125 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號