在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML/ JQUERY遍歷問(wèn)題

JQUERY遍歷問(wèn)題

HTML結(jié)構(gòu)如下

<div class="box">
    <div class="item-list">
        <div class="list-header">標(biāo)題 1<i>展開(kāi)</i></div>
        <div class="list-content hide">內(nèi)容 1</div>
    </div>
    <!--N個(gè)-->
    <div class="item-list">
        <div class="list-header">標(biāo)題 n<i>展開(kāi)</i></div>
        <div class="list-content hide">內(nèi)容 n</div>
    </div>
</div>

默認(rèn)list-content隱藏，如何點(diǎn)擊標(biāo)題使list-content顯示，<i>展開(kāi)</i>里文字切換成關(guān)閉呢？并且點(diǎn)擊下一個(gè)隱藏上一個(gè)內(nèi)容，并把<i>關(guān)閉</i>切換成<i>展開(kāi)</i>。求解，非常感謝...

回答
編輯回答
尐懶貓

我之前的是這樣子的 ,定義一個(gè)變量 如 openIds =new Set(), 然后點(diǎn)擊的時(shí)候就判斷,如果 里面has (Id),就delete ,沒(méi)有就add;

控制展開(kāi)與關(guān)閉的時(shí)候 判斷openIds 這個(gè)變量有沒(méi)有 那一條點(diǎn)擊的id 有的話就展開(kāi) 沒(méi)有的話 就關(guān)閉

2017年10月13日 05:59
編輯回答
汐顏

這個(gè)是解決思路的問(wèn)題，建議自己想解決方案

  1. 事件應(yīng)該加在什么地方
  2. 點(diǎn)擊觸發(fā)事件之后，找到判定依據(jù)，根據(jù)這個(gè)判定點(diǎn)來(lái)決定下面應(yīng)該怎么處理
  3. 如果jquery不會(huì)用，就多看api

你可以嘗試回答問(wèn)題的方式，解決這個(gè)問(wèn)題，找到核心問(wèn)題點(diǎn)

2018年2月1日 10:36
編輯回答
懶豬
$('.box').on('click','.list-header',function(){
        $('.list-content:not(.hide)').prev().find('i').text('展開(kāi)');
        $('.list-content:not(.hide)').addClass('hide');
        $(this).find('i').text('關(guān)閉');
        $(this).siblings().removeClass('hide');
});
2018年6月4日 11:23