四虎精品视频-四虎精品成人免费网站-四虎黄色网-四虎国产视频-国产免费91-国产蜜臀97一区二区三区

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

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

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

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

復制代碼 代碼如下:
<ul class="qusetionList">
<li class="liHeader"><span class="colABC-A"> 主站蜘蛛池模板: 珍珠传奇 电视剧| 锤娜丽莎电视剧| 齐芳| 中国人免费观看| 从此以后歌词| 97热| 心心相印抽纸| 孙婉| 游泳池play高h| 鬼龙院花子的一生| 欧美gv网站| 袁鸿| 第一财经在线直播今日股市 | 日本xxx.| 时尚购物| 刘洋演员| 儿童眼轴长度正常范围| 流浪地球海报| 成吉思汗电影| 恋爱中的女人 电影| 绝不放弃电影免费观看完整版| s0hu搜狐| 内蒙古电视台雷蒙| 校园大片ppt| 拔萝卜视频免费播放| 王艺婵| 87电影| 女生被艹网站| 吴雪雯| 第一财经电视直播观看| 吴薇| 渝火先孕后爱小说免费阅读| 昭和农村犯罪电影| 中医基础理论试题题库及答案| 芭芭拉·布薛特| 爱情公寓海报| 柏欣彤12点以后跳的广场舞| 日韩在线日韩| 《假期》电影| 正宗辅星水法九星断语| a面b面|