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

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

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

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

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

復(fù)制代碼 代碼如下:
<ul class="qusetionList">
<li class="liHeader"><span class="colABC-A"> 主站蜘蛛池模板: 岫岩| 阿瓦提县| 阿克陶县| 稻城县| 巴林右旗| 云南省| 分宜县| 鹤山市| 玛多县| 深州市| 阿克| 贵定县| 丹凤县| 墨竹工卡县| 务川| 赫章县| 改则县| 青浦区| 贡山| 台中县| 泗水县| 新乐市| 浦县| 宜章县| 泽普县| 榆树市| 古交市| 涞源县| 乐陵市| 合肥市| 平顺县| 鄂托克旗| 西安市| 沙坪坝区| 武汉市| 永登县| 青冈县| 惠来县| 旬邑县| 乐亭县| 古浪县|