用jq遍历列表,获取列表的长度
简单和大家分享一下,学习jq的一些笔记,我们想实现的一些功能是,鼠标放在每一个li 上,都会呈现出不同的内容和块区域,用jq语句可以很容易又很简洁就可以实现,我们可以用.each() 方法去遍历,获取元素为li的,然后声明变量去获取存储下标。之后在操作里边的元素,用获取到的下标来控制li里边我们想控制显隐的元素。
<li class="dian1" i><a href="">家用电器</a><div class="youxian " id="you"></div></li><li class="dian1"><a href="">手机/运营商/数码</a><div class="youxian" id="you1"></div></li><li class="dian1"><a href="">电脑/办公</a><div class="youxian" id="you2"></div></li><li class="dian1"><a href="">家居/家具/家装/厨具</a><div class="youxian" id="you3"></div></li><li class="dian1"><a href="">男装/女装/童装/内衣</a><div class="youxian"></div></li>$('.dian1').each(function () {//获取下标var b = $('.dian1').index($(this));$(this).mouseover(function () {$('.youxian').eq(b).show();});$(this).mouseout(function () {$('.youxian').eq(b).hide();});});
用jq遍历列表,获取列表的长度相关推荐
- Python遍历列表获取列表中的索引值
list = ["a", "b", "c", "d", "e"] for index, value ...
- Redis 笔记(04)— list类型(作为消息队列使用、在列表头部添加元素、尾部删除元素、查看列表长度、遍历指定列表区间元素、获取指定区间列表元素、阻塞式获取列表元素)
Redis 的列表是链表而不是数组.这意味着 list 的插入和删除操作非常快,时间复杂度为 O(1),但是索引定位很慢,时间复杂度为 O(n). 当列表弹出了最后一个元素之后,该数据结构自动被删除, ...
- 每日一课 | 在Python中获取列表的长度和大小
Python是一种非常具有表现力的语言,它提供了不同的结构来简化开发人员的工作.该列表是python提供的最受欢迎的数据结构之一.在常规工作流程中,我们在列表中添加元素或从列表中删除元素.但是在这种浮 ...
- python如何获取列表的长度
Python是一种非常具有表现力的语言,它提供了不同的结构来简化开发人员的工作.该列表是python提供的最受欢迎的数据结构之一.在常规工作流程中,我们在列表中添加元素或从列表中删除元素.但是在这种浮 ...
- Python列表(获取列表中指定元素的索引、获取列表中的多个元素、判断指定元素是否在列表中存在、列表元素的遍历、列表元素的增加操作、 列表元素的删除操作、列表元素的修改操作、列表元素的排序操作)
1.获取列表中指定元素的索引 eg1:未指定索引范围查找索引 zyr=['憨憨','憨宝'] print(zyr.index('憨宝')) print(zyr[1]) eg2:在指定索引范围内查找元素 ...
- python列表长度怎么求_在Python中获取列表的长度和大小
Python是一种非常具有表现力的语言,它提供了不同的结构来简化开发人员的工作.该列表是python提供的最受欢迎的数据结构之一.在常规工作流程中,我们在列表中添加元素或从列表中删除元素.但是在这种浮 ...
- 微信小程序——好看的radio单选项框,wxml里列表中遍历数组获取id传回给js页面
微信小程序--好看的radio单选项框 第一种 效果图如下: .wxss代码: .view_container {display: flex;flex-direction: row;justify-c ...
- python中用len函数获取列表的长度
我们经常会用到获取一个字符串长度的情况,python提供给了len函数来实现一功能,我们可以通过以下程序进行演示. car_list = ['honda','toyota','suzuki','maz ...
- 遍历列表python_python列表的遍历与循环
在游戏中,可能需要将每个界面元素平移相同的距离: 对于包含数字的列表,可能需要对每个元素执行相同的统计运算: 在网站中,可能需要显示文章列表中的每个标题. 经常需要遍历列表的所有元素,对每个元素执行相 ...
最新文章
- opencv_imread出错(release/debug、X86/X64)
- 成都铁路警方联合多部门开展反恐防暴演练
- 多路归并排序_1600W整数排序多路归并
- 利用Python我发现我女朋友每天都在看这种网站
- 2017年3月27日上午学习日志
- fedora 20 报错: Loaded plugins: langpacks, refresh-packagekit Error: Cannot retrieve metalink for...
- MFC工作笔记0010---PeekMessage 详解
- 小程序 微信统计表格_微信小程序登录机制
- java 微信导航栏_微信小程序教程系列之设置标题栏和导航栏
- 使用JNI加载JAVA虚拟机
- Beautiful Sequence
- 君澜酒店集团与来也股份合作,打造国内“冰雪度假打卡圣地”
- endnotex9安装后使用方法_endnotex9使用教程
- win7怎么安装mac虚拟机linux,mac虚拟机如何安装win7详细教程
- java题目:有n个整数,使其前面各数顺序向后移m个位置,最后m个数变成最前面的m个数
- 阿里巴巴电话面试(遭到了阿里的完虐,被一顿痛批)
- 深度学习-TextDetection
- 4种最常用的诡辩方法
- 记录:Flink checkpoint 过期导致失败(线上问题)
- 算法数据结构(三十五)----子数组达到累加和的最大长度系列
热门文章
- 鞍山钢铁学院计算机学院,辽宁科技大学(原鞍山钢铁学院)
- 前端百题斩【024】——我从浏览器控制台看到了五种存储方式
- javaweb之MVC购物车(加入购物车,订单,订单详情)
- Libsvm java工程实践
- matlab中scope怎么保存,如何保存Matlab中Scope的图像以及进行编辑
- 关于I2S及音频小结
- android go rom下载地址,一步一步学Android ROM开发(一)——修改现有ROM资源文件-Go语言中文社区...
- layui表单验证demo
- android应用接入第三方推送实践
- win7系统32位( 联想)台式电脑自动开机、关机图文详细解(二)