index()函数用于获取当前jQuery对象中指定DOM元素的索引值。
语法：jQueryObject.index( [ object ] )
这里的object指的是：可选/String/Element/jQuery类型表示指定元素的对象。
index()方法的返回值为Number类型，返回指定元素的索引位置(从0开始算起)。
注意：以下文本描述中的当前元素表示当前jQuery对象的第一个元素。
如果没有指定参数object，则返回当前元素在其所有同辈元素中的索引位置。
如果object为String类型，则将其视作选择器，返回当前元素在选择器所匹配的元素中的索引位置。如果该选择器不匹配任何元素或者当前元素不在匹配到的元素内，则返回-1。
如果object为DOM元素或jQuery对象，则返回该元素(或该jQuery对象中的第一个元素)在当前jQuery对象所匹配的元素中的索引位置。
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<div id="n1">
<div id="n2">
<span id="n3"></span>
<ul id="n4">
<li id="n5">item1</li>
<li id="n6">item2</li>
<li id="n7">item3</li>
</ul>
<span id="n8"></span>
</div>
</div>
<script type="text/javascript" src="jquery-1.10.1.min.js"></script>
<script>
// 省略参数： 返回第一个li元素在所有同辈元素中的索引
console.info($("li").index());//0
// 参数为DOM元素： 返回n6在$li中的索引
console.info($("li").index(document.getElementById("n6")));//1
// 参数为jQuery对象： 返回$("#n7")在$li中的索引
console.info($("li").index($("#n7")));//2
// 参数为选择器字符串： 返回$li中的第一个元素(即n5)在选择器"#n4"所匹配的元素中的索引
// 选择器"#n4"匹配的元素只有n4一个，没有n5，因此返回-1
console.info($("li").index("#n4"));//-1
// 省略参数：n4在同辈元素中的索引，n4之前的同辈元素有一个n3，因此返回索引为1
console.info($("#n4").index());//1
// 参数为选择器字符串：n8在选择器"span"所匹配的元素中的索引
// 选择器"span"匹配n3、n8两个元素，n8是其中的第二个元素，因此返回索引为1
console.info($("#n8").index("span"));//1
</script>
</body>
</html>
效果图：
相关推荐
本篇是继上篇jQuery核心函数之后介绍如何访问jQuery对象。 jquery对象访问 each(callback) size() length selector context get() get(index) index([subject]) 测试用例 以下是通过代码的方式测试上述...
$(expr) index(obj)等核心JQ函数
最近在使用jQuery的$.each方法时很，突然想到$.each($(‘div’),function(index,entity){});中的这个index和entity是哪冒出来的，而且可有可无的，而且这么高大上的能告诉我们当前遍历的下标和实例。所以看了一下...
find()会在div元素内 寻找 class为classname的元素。 filter()则是筛选div的class为classname的元素。... ·filter 的参数也可以是个函数, 调用函数时会自动传入 index 参数, 函数需返回 true或false 以选中或排除元素.
这是我在写结构/表现/行为完全分离的选项卡(jQ版和原生JS版)一文时发现的问题. 今天一个朋友也问到我这个问题, 这个函数的确很实用. 和大家分享一下我的实现方法. 代码: 代码如下: function index(current, obj){ ...
$(selector).css(name,function(index,value)) name：必需。规定 CSS 属性的名称 function(index,value) ： 规定返回CSS属性新值的函数。 index – 可选。接受选择器的index位置 value – 可选。接受CSS属性的当前...
将前台的值传给后台，有时的JSP表单中的值有一两个，也有全部的值，如果这时一个个传，必定不是很好的办法，所以使用jQuery提供的表单序列化方法，可以很好的解决这个问题，同时可以封装成通用的函数，执行成功可以...
var jq=jQuery.noConflict()，帮助您使用自己的名称（比如 jq）来代替 $ 符号。 亲自试一试 结论 由于 jQuery 是为处理 HTML 事件而特别设计的，那么当您遵循以下原则时，您的代码会更恰当且更易维护： • 把所有 ...
本文实例讲述了jQuery聚合函数。分享给大家供大家参考。具体如下： (function($) { $.fn.aggregate = function(seed, func) { var _r = seed == null ? : seed; this.each(function(index, element) { _r = ...
本文实例为大家分享了jquery指定精确小数位的具体代码，供大家参考，具体内容如下 /** * 将标签的值格式化 ... if(index > 0){ htmlVal = htmlVal.replaceAll("0+?$",""); var len = htmlVal.substring(index+
基于dropload.js的二次开发，支持下拉刷新，上拉加载商品详情或加载更多 ！事件函数自定义。 演示地址：http://wnd.95net.net/index.php/Goods/show/id/52.html 仅支持微信端浏览
* 不同的选择器可以在不同的场景下使用，例如基本选择器用于选择某个标签，类选择器用于选择具有某个类名的元素。 jQuery 核心函数 * jQuery(expression, [context]) 是 jQuery 的核心函数之一，用于选择某个元素...
代码片段： var callbackIndex = 0; $('.silder-box-1').mySilder({ ...width:400, //容器的宽度 必选参数!...runEnd:function(){//回调函数 callbackIndex ; $('.cj em').text(callbackIndex); } });
在线演示:http://demo.jb51.net/js/JQueryload/index.htm全部代码 代码如下:<html xmlns=”http://www.w3.org/1999/xhtml” > <head runat=”server”> <title>JQuery – Load</title> <...
map() 把每个元素通过函数传递到当前匹配集合中，生成包含返回值的新的 jQuery 对象。 二、语法 .map(callback(index,domElement)) 三、详细说明 由于返回值是 jQuery 封装的数组，使用 get() 来处理返回的对象以...
jquery提供了很多便利的函数，如each(fn)，但是使用这些函数的前提是：你使用的对象是Jquery对象。使一个Dom对象成为一个Jquery对象很简单，通过下面一些方式（只是一部分）： 代码 var a = $("#cid"); var b = $...
值得一提的是，forEach 可以很方便的遍历数组和 NodeList ，jQuery 中的 jQuery 对象本身已经部署了这类遍历方法，而在原生 JavaScript 中则可以使用 forEach 方法，但是 IE 并不支持，因此我们可以手动把 forEach ...
53 Jq.htm Delphi使用技巧ABC 3K 54 Jq_8.htm DELPHI的8个技巧 7K 55 Jq10.htm Delphi编程技巧十则 7K 56 Jq2.htm Delphi实用编程经验二则 3K 57 Jump_com.htm 用Delphi设计拨动、跳线开关组件 3K 58 Line...
jQuery.each(function)，遍历jQuery对象集合，在每个对象上执行function函数，function callback(index, domElement){this}; jQuery.size()，返回jQuery对象集合的大小 jQuery.length，相当于size()方法 jQuery....