国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

jquery的index方法實現tab效果

2019-11-20 23:56:26
字體：大 中 小
來源：轉載
供稿：網友

左側為選項卡，右側為詳細內容。

原理：

點擊左側的列表項，根據所選列表項在列表的[索引n]顯示第n個內容。

（首先需要將列表和內容一次性加載到頁面，內容只顯示第一個，這樣切換起來更友好。）

如何獲取選擇列表項在列表中的索引：

jquery里有一個方法是index([subject])

$("#ul li").index($("#selected"));

意思是 首先設定列表范圍（#ul li列表），然后返回$("#selected")元素在列表中的索引。

獲取到索引之后，在用$("#detail").hide(); $("#detail").eq(n).show(); 來顯示相同索引的詳情。（選項列表樣式切換同理）

只用了5行。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 北安市| 黄大仙区| 翼城县| 雅江县| 万载县| 太白县| 修武县| 达州市| 体育| 美姑县| 江阴市| 嘉祥县| 朔州市| 兖州市| 沈阳市| 汝南县| 泸水县| 自治县| 双流县| 宿迁市| 稷山县| 丹巴县| 措美县| 永康市| 康马县| 静海县| 池州市| 琼结县| 喀喇| 鄂温| 宁晋县| 合作市| 麦盖提县| 茌平县| 乡城县| 渑池县| 宁海县| 新田县| 麻江县| 都安| 和田市|