天天躁日日躁狠狠躁AV麻豆-天天躁人人躁人人躁狂躁-天天澡夜夜澡人人澡-天天影视香色欲综合网-国产成人女人在线视频观看-国产成人女人视频在线观看

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

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

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

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

復制代碼 代碼如下:
<ul class="qusetionList">
<li class="liHeader"><span class="colABC-A"> 主站蜘蛛池模板: 色尼姑久久超碰在线 | 人妻熟妇乱又伦精品视频中文字幕 | 蜜柚免费视频高清观看在线 | 国产成人无码AV麻豆 | 久久国产高清字幕中文 | 精品午夜久久福利大片免费 | 亚洲精品6久久久久中文字幕 | 亚洲高清无在码在线电影 | 色姐妹久久综合在线av | a视频在线看 | 国产白浆视频在线播放 | 亚洲高清无在码在线电影 | 精品国产自在自线官方 | 东北嫖妓对白粗口 | 娇小萝被两个黑人用半米长 | 成人五级毛片免费播放 | 男女牲交大战免费播放 | 99热免费精品店 | 青青草A在在观免费线观看 青青草AV国产精品 青青草 久久久 | 秋霞伦理机在线看片 | www在线小视频免费 www伊人网 | 媚药调教被撑到合不拢h | 麻豆一二三四区乱码 | 国产欧美无码亚洲毛片 | 亚洲免费视频网站 | 国产日韩高清一区二区三区 | 把她带到密室调教性奴 | 99成人在线视频 | 欧美顶级情欲片免费看 | 麻生希第一部快播 | 小sao货ji巴cao死你视频 | 日产2021免费一二三四区在线 | 国产99网站 | a视频免费在线观看 | 久久91精品国产91久 | 亚洲欧美国产双大乳头 | 极品网红液液酱粉嫩福利照子凌酱 | 久久热在线视频精品1 | 18日本人XXXXXX18 | 97蜜桃网123.com| 国产精品成人在线播放 |