jQuery的index()方法搜索匹配的元素,并返回相应元素的索引值,从0开始计数;

如果没给.index()方法传递参数,那么返回值就是这个jQuery对象集合中第一个元素相对于同辈元素的位置;

如果参数是一组DOM元素或者jQuery对象,那么返回值就是传递的元素相对于原先集合的位置;

如果参数是一个选择器,那么返回值就是原先元素相对于选择器匹配元素中的位置,如果找不到匹配的元素,则返回-1;

eg:

  • ch
  • ang
  • ing

$('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   不传递参数,返回这个元素在同辈中的索引位置

案例:

百度1

百度2

百度3

百度4

$('#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)

jquery 获取某个值得键名_jQuery获取元素索引值index()方法相关推荐

  1. jquery 获取某个值得键名_jquery中获取元素里某一特定子元素的代码

    之前做的一些JQUERY应用都是些很基础的编程,对于选择器要求不高,像类似于"$('.class')"."$('#id')"."$('#id>. ...

  2. jquery获取元素索引值index()

    jquery获取元素索引值index() 作者: 梅川内酷 于 13-04-26 热度:384 jquery获取元素索引值index()方法: jquery的index()方法 搜索匹配的元素,并返回 ...

  3. jquery 获取某个值得键名_js:数组里面获取键名和键值

    在写php时用ajax异步传回的返回数组时是json格式,在js里面处理时有时需要用到键名,此时可以用in来处理 js只有数字索引: var data = new array("你" ...

  4. jQuery获取元素索引值index()方法

    jQuery的index()方法搜索匹配的元素,并返回相应元素的索引值,从0开始计数: 如果没给.index()方法传递参数,那么返回值就是这个jQuery对象集合中第一个元素相对于同辈元素的位置: ...

  5. js获取和设置DIV元素class值的方法

    web页面中,利用js动态的改变div元素的class属性的值,可以实现很多的动态效果.比如动态修改div元素的背景颜色,改变字体的颜色等等.这篇文章就来说一说,javascript 如何获取和设置d ...

  6. js获取classname值_js获取和设置DIV元素class值的方法

    web页面中,利用js动态的改变div元素的class属性的值,可以实现很多的动态效果.比如动态修改div元素的背景颜色,改变字体的颜色等等.这篇文章就来说一说,javascript 如何获取和设置d ...

  7. HTML给表单元素赋值,JQuery表单元素取值赋值方法总结

    一.普通文本框的赋值与取值 1.1.1赋值 jQuery 表单元素取值与赋值方法总结 function get(){ var test1 = $("input.test1").va ...

  8. 前端js获取图片大小 扩展名_JS获取文件大小方法小结

    本文实例总结了JS获取文件大小方法.分享给大家供大家参考,具体如下: 方法一,利用ActiveX控件实现: function getFileSize(filePath) { var fso = new ...

  9. jquery easyui datagrid 显示外键/子属性/二层属性的值的方法

    数据库中有个学生表student,我使用SSH2框架,通过名为findForPage的action将数据库表student的内容读出,并转为json字符串,输出到页面,然后通过datagrid,将列表 ...

最新文章

  1. 「修炼开始」一文带你入门深度学习
  2. 数学、物理算法ActionScript实现(2)
  3. 【CI】CN.一种多尺度协同变异的微粒群优化算法
  4. php文件夹下所有视频播放,PHP使用glob方法遍历文件夹下所有文件
  5. Vue——vue-resource
  6. 备份恢复,DBA最后一道防线,你完全掌握了吗?
  7. 10.FreeRTOS学习笔记-中断管理
  8. Hype教程,如何设置字体样式?
  9. html5学习笔记(7)
  10. 深度剖析MQTT协议的整个通信流程
  11. 计算机三级数据库2020年试题,2015年计算机三级数据库试题及答案
  12. 个人微信小程序开发入门教程:下载微信开发工具
  13. 厦大计算机学院2018夏令营6,2018年厦门大学建筑与土木工程学院保研夏令营通知...
  14. 文件夹批量重命名编号的方法
  15. Intellij IDEA 使用教程(十三)IDEA内存优化
  16. 2018优秀讲师排行榜出炉,将受邀出席开发者大会!
  17. python day46
  18. Excel2Latex 实操步骤(1)
  19. 【USACO】山峰暸望
  20. c语言开发exporter,cadvisor node-exporter引发的容器文件系统泄漏

热门文章

  1. Visual Studio 在根目录下运行文件系统站点 [ Visual Studio | 文件系统 | WebDev.WebServer.EXE ]...
  2. 新书发布《每天5分钟玩转Docker容器技术》
  3. 解决Sublime包管理package control 报错 There are no packages available for installation
  4. Scrollview+ListView冲突解决
  5. 构建基于Nginx的web服务器
  6. 中断锁与信号量的一种使用场景
  7. 标准模板库之容器-《C++标准库(第二版)》读书笔记
  8. 计算机组成原理实验认识多思网络虚拟实验系统_3D全息投影,裸眼3D,全息互动投影系统...
  9. word公式编辑器快捷键_科研利器|编辑公式,就用这款免费软件,一键搞定!
  10. 计算机未来的储存装置,图说计算机存储设备