一区二区久久-一区二区三区www-一区二区三区久久-一区二区三区久久精品-麻豆国产一区二区在线观看-麻豆国产视频

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

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

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

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

復制代碼 代碼如下:
<ul class="qusetionList">
<li class="liHeader"><span class="colABC-A"> 主站蜘蛛池模板: 日韩欧美一区二区三区中文精品 | 六月丁香激情 | 美女的胸又黄又www网站免费 | 另类视频色综合 | 国产美女免费视频 | 欧美亚洲综合激情在线 | 日本精品一区二区三区在线视频一 | 99精品视频在线观看免费播放 | 日本www在线观看 | 在线高清免费爱做网 | 国产精品第7页 | 久久伊人热精品老鸭窝 | 美女扒开腿被男人猛视频 | 最大胆极品欧美人体 | 日产毛片 | 悠悠影院欧美日韩国产 | 成人激情小视频 | 亚洲婷婷综合网 | 久久只这里是精品66 | 色哟哟在线观看精品大全视频 | 欧美性色xo影院永久禁欲 | 人人免费人人专区 | 美女胸又www又黄网站 | 日韩欧美区 | 久久夜色精品国产亚洲 | 亚洲一区中文字幕在线 | 色老板在线视频一区二区 | 狠狠综合网 | 激情综合五月亚洲婷婷 | 米奇7777狠狠狠狠视频影院 | 五月六月丁香 | se视频在线观看 | 久久国产乱子免费精品 | 91白浆 | 久久免费视频一区 | 国产精品久久国产精麻豆99网站 | 国产精品免费一区二区三区四区 | 亚洲天堂一区在线 | 国产精品美女一级在线观看 | 成人影院vs一区二区 | 国产精品伦理久久久久久 |