jQuery获取元素索引值index()方法
jQuery的index()方法搜索匹配的元素,并返回相应元素的索引值,从0开始计数;
如果没给.index()方法传递参数,那么返回值就是这个jQuery对象集合中第一个元素相对于同辈元素的位置;
如果参数是一组DOM元素或者jQuery对象,那么返回值就是传递的元素相对于原先集合的位置;
如果参数是一个选择器,那么返回值就是原先元素相对于选择器匹配元素中的位置,如果找不到匹配的元素,则返回-1;
eg:
<ul>
<li id="ch">ch</li>
<li id="ang">ang</li>
<li id="ing">ing</li>
</ul>
$('li').index(document.getElementById('ang')) //1 传递一个DOM对象,返回这个对象在原先集合中的索引位置
$('li').index($('#ang')) // 1 传递一个jQuery对象
$('li').index($('li:gt(0)')) // 1 传递一个jQuery对象,返回这个对象中第一个元素在原先集合中的索引位置
$('#ang').index('li') // 1 传递一个选择器,返回#ang在所有li中的索引位置
$('#ang').index() // 1 不传递参数,返回这个元素在同辈中的索引位置
案例:
<div id="nav">
<a href="http://www.baidu.com/">百度1</a>
<a href="http://www.baidu.com/">百度2</a>
<a href="http://www.baidu.com/">百度3</a>
<a href="http://www.baidu.com/">百度4</a>
</div>
$('#nav a').click(function () {
var index1 = $('#nav a').index(this)
var index2 = $('#nav a').index($(this))
var index3 = $(this).index()
var index3 = $(this).index('a')
alert(index3)
return false
})
(点击网页中百度1、2、3、4依次弹出0、1、2、3)
转载于:https://www.cnblogs.com/cq-0715/p/9605155.html
jQuery获取元素索引值index()方法相关推荐
- jquery获取元素索引值index()
jquery获取元素索引值index() 作者: 梅川内酷 于 13-04-26 热度:384 jquery获取元素索引值index()方法: jquery的index()方法 搜索匹配的元素,并返回 ...
- jquery 获取某个值得键名_jQuery获取元素索引值index()方法
jQuery的index()方法搜索匹配的元素,并返回相应元素的索引值,从0开始计数: 如果没给.index()方法传递参数,那么返回值就是这个jQuery对象集合中第一个元素相对于同辈元素的位置: ...
- JQuery获取元素的N种方法
一.根据标签属性或属性值获取 1.根据属性获取元素 比如要获取页面p标签中属性有id的元素 代码如下: $("p[id]").css("color"," ...
- jquery获取元素索引
昨个项目中遇到的问题,想获取指定td在该行tr中可见列的索引: 由于改行tr下有隐藏元素,取索引的时候直接用 $(['td[name="operation"]').index() ...
- jquery获取元素的值,获取当前对象的父对象等等
jsp代码: <span><input type="hidden" value="1" id="newInfo">& ...
- Jquery 获取元素属性值
获取属性 获取内置属性 获取自定义属性 prop( 'value name','value') attr('value name','value') jquery中内置属性只能用来获取内置 自定义只能 ...
- jQuery获取标签属性值(一)
1.box-shadow属性可以设置盒子阴影的效果其参数为: box-shadow: h-shadow v-shadow blur spread color inset; h-shadow 必需的.水 ...
- js jquery 获取元素(父节点,子节点,兄弟节点)
js jquery 获取元素(父节点,子节点,兄弟节点) js 获取元素(父节点,子节点,兄弟节点) var test = document.getElementById("test&quo ...
- 86 js获取元素样式值
文章目录 1.样式的种类 2.元素.style.属性名 2.window.getComputedStyle() 3.currentStyle 4.兼容写法 5.获取元素样式值的方法 前面学习了如何设置 ...
最新文章
- html region 折叠,js代码折叠的方法//#region 代码 //#endregion
- Cenetos 下sudo的使用
- gcc a.c 究竟经历了什么
- 华为开源深度学习框架MindSpore背后的商业野心
- [工具]-电脑磁盘爆满了,但又不知道哪些文件占用的空间,怎么办?
- MyBatis 多参数传递
- 虚拟专题:知识图谱 | 频谱知识图谱:面向未来频谱管理的智能引擎
- Simulink之变压器漏抗对整流电路的影响
- 利用Gtmetrix检测你的网站载入速度!
- 2-14 三级菜单
- struts拦截器+注解实现网络安全要求中的日志审计功能
- [Unity] Unity3D研究院编辑器之自定义默认资源的Inspector面板
- fastjson safemode_Fastjson远程代码执行漏洞安全通告
- Java拦截器验证失败时返回Json格式数据
- SQLiteDeveloper破解方法
- 2018第九届蓝桥杯JavaB组省赛真题详解
- 吴恩达机器学习课后作业6——使用支持向量机(svm)构建一个垃圾邮件分类器
- 5G基站耗电剑指4G基站水平,通过IMT-2020(5G)大会看5G发展趋势
- Clion安装教程(Linux)
- 建木持续集成平台v2.2.1发布
热门文章
- Apache Ant 简介和配置
- line-hieght与vertical-align的区别与联系
- 深入理解 RecyclerView 系列之一:ItemDecoration
- POJ3067 Japan(归并排序)
- c+oracle+bulk,C#使用OracleBulkCopy
- centos7下安装mysql及测试centos_CentOS7安装mysql8
- spring图片转视频_视频转GIF在线教程,GIF制作方法
- python迭代器好处_python迭代器
- 没有workstation_这才是Win10的旗舰版:WorkStation版独享功能测试
- 1加6投屏_6月的早餐,1杯牛奶加燕麦,营养健康又美味,饱腹感很强