色尼玛亚洲综合影院,亚洲3atv精品一区二区三区,麻豆freexxxx性91精品,欧美在线91

javascript顯示隱藏層比較不錯的方法分析

這是一個Q&A的頁面,設(shè)計(jì)師希望能夠點(diǎn)擊相關(guān)的問題后,在它下方顯示對應(yīng)的答案。這是一個比較常見功能,通常的解決辦法是把“答案”當(dāng)作整個問題容器的子元素,然后點(diǎn)擊父元素上的按鈕后展開對應(yīng)的子元素。通過父子元素的對應(yīng)關(guān)系來匹配標(biāo)題和答案。

但是當(dāng)初寫html的時候并沒有考慮到腳本編寫(需求是后加的),所以,答案和標(biāo)題沒有父子關(guān)系可以對應(yīng)。 html代碼如下。

所以,這里需要用到另一種方法來匹配答案和標(biāo)題。我們可以通過捕捉元素的位置來匹配它們。也就是說第一條標(biāo)題,對應(yīng)的肯定是整個序列中的第一條答案,第二條標(biāo)題對應(yīng)的肯定是第二條答案。 這樣就可以無視html結(jié)構(gòu)來控制它們的對應(yīng)關(guān)系了。

復(fù)制代碼 代碼如下:
<ul class="qusetionList">
<li class="liHeader"><span class="colABC-A"> 主站蜘蛛池模板: 南郑县| 百色市| 怀宁县| 双柏县| 阳春市| 永年县| 定西市| 昌图县| 微山县| 乡城县| 布尔津县| 新建县| 涿州市| 宁蒗| 丰原市| 修文县| 望奎县| 潜山县| 寻乌县| 宿松县| 丹东市| 仲巴县| 高淳县| 常山县| 桑日县| 金昌市| 阿拉善左旗| 芜湖市| 大同县| 芜湖市| 琼结县| 元阳县| 波密县| 中牟县| 农安县| 榆树市| 西林县| 射洪县| 建宁县| 册亨县| 芮城县|