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

javascript顯示隱藏層比較不錯(cuò)的方法分析

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

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

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

復(fù)制代碼 代碼如下:
<ul class="qusetionList">
<li class="liHeader"><span class="colABC-A"> 主站蜘蛛池模板: 望谟县| 苍南县| 兰溪市| 玉山县| 五指山市| 渭源县| 余干县| 江油市| 枣阳市| 托里县| 资中县| 军事| 镇巴县| 德清县| 湘阴县| 股票| 静海县| 资源县| 祁连县| 柳河县| 会昌县| 盐亭县| 左贡县| 五家渠市| 保德县| 尖扎县| 永兴县| 宁明县| 苏尼特左旗| 松江区| 麻阳| 宜宾县| 云和县| 洪泽县| 阳新县| 福海县| 久治县| 新竹县| 阳西县| 湄潭县| 剑河县|