jQuery index()
index()
index() 方法返回指定元素相对于其他指定元素的 index 位置。
语法
$(selector1).index(selector2)
selector2:可选,指定元素;为空时默认返回当前对象在同辈中的索引值
返回值返回selector1在selector2中的索引号,当selector2没有被指定时则返回selector1在同辈中的索引号
注释:如果未找到元素,index() 将返回 -1。
实例说明
代码
<!DOCTYPE html>
<html lang="zh-CN">
<head lang="en">
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script> </head>
<body>
<div></div>
<div id="ss"></div>
<div>
<ul id="ul">
<li>one</li>
<li id="li">two</li>
<li>three</li>
</ul>
</div>
<script>
document.writeln( $("#li").index() );//返回id=li在同辈中的索引号
document.writeln( $("#li").index("li") );//返回 id=li在所有li中的索引号
document.writeln( $("div").index() );//返回div中第一个元素在同辈中的索引号 </script>
</body>
</html>
运行结果
aaarticlea/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABwCAIAAABuLOL0AAADSElEQVR4nO2cPXLqMBSFVbIICnbghpKloJ5l0GotNJphERRuPeOSZVDqFfKPbEsc9CJbgjlfk8TWMNaXiyyfXCIMeYvIfQGlQ0EACgJQEICCABQEoCAABQEoCEBBAAoCUBCAggAUBKAgAAUBKAhAQQAKAlAQIL2gtm0fj8fr9Ur+yllILOh8PgshhBD7/b6u6/eDtRQdlWqMMcY0qhJCSG2/Oiecs0IIIaROe91hUgq63W7C4Xg8vhms5TjNRlXD91qOXtzjjaocW1pO1K1ISkHX69UVtNvtgkOn03V/1tIpj/EHp3q2LaKUgu73uzuD0+kUHKrl8t1jZxwQNDm8JYnXoMvlYu0cDoe2bYPj/qeCtnpTTUl/F3s+n3Vdw7uYW0OzNcgnyDSqcoquUWqjesq5DxrvYq6F4UB/etAyjhfbVRM3igAKAlAQgIIAFASgIAAFASgIQEEACgJQECCzIK2yPKJHkDWTzpZhRJArk3aezMfn+e6g1PabSmn7dD+GZps/zOfLpI3xVVCjqj5Y7AM0NQRp3gx7bTJl0hbPW6wzNMRjnZ9wArk2mTJpi2+atnS0krKS2q2fQIa9NpkyaYu3DrSslFKqaVQlVZ+s/kYFWT7MpI2Z1IHWbhA9RK6TeNqbYa9N7n1Qf2Ny5rtcqOeDt/wLEHfSAAoCUBCAggAUBKAgAAUBKAhQoCBnU10AZQnqexRzX4dDWYJMxlayALmfxRaZ9O8L+mMm/eOC/pZJdyeWfdK+zjO3H8/fP52kr7qwTDrcJ21PSWkLbDwT6p9O1VddWiYdbOI08wRteIlpKY7evMejKTCTfidoMcvQkpVsKSsuk44UFAqnk4XWxWXSkYKC/dOp+qpz74Okf+WY9UnPVpSZplD/dJK+6uJ20qVBQQAKAlAQgIIAFASgIAAFASgIQEEACgJQEICCABQEoCAABQEoCEBBAAoCUBCAggAUBKAgAAUBKAgwCIr9/HHEeP9/RfwSxHD5n1597PixacXXvlI8XQXFNkN8PH7aAzX/ZOUXsLagqZItPyqYiJUFzY18XwlREICCAFyDALyLAUZBUb/aiPFfvw+a9v/hCcSO//qdNHkLBQEoCEBBAAoCUBCAggD/AF8Io9U6zpTkAAAAAElFTkSuQmCC" alt="" />
King_dream
2015-04-16 16:46:42
jQuery index()的更多相关文章
- jquery index()方法
搜索匹配的元素,并返回相应元素的索引值,从0开始计数. 如果不给 .index() 方法传递参数,那么返回值就是这个jQuery对象集合中第一个元素相对于其同辈元素的位置. 如果参数是一 ...
- jQuery index() 方法
比如同一级有多个li,获得点击的元素的下标,确定第几个. $("li").click(function(){alert($(this).index());});
- 浅谈我对 jQuery 的了解
总述 0 获取 jQuery 对象 1 对象跳转 2 方法调用 3 常用API 4 $(…); 5 jQuery 对象获取 6 Data 相关方法 7 选择器 8 基本的过滤器 9 内容过滤选择器 1 ...
- jQuery第二篇 (帅哥)
1.1 jQuery操作DOM jQuery课程的目标:学会使用jQuery设计常见效果 选择器 基本选择器:#id ..class .element.* . 层级选择器: 空格.>.+.~ 基 ...
- jQuery美女幻灯相册轮播源代码
体验效果:http://hovertree.com/texiao/jquery/ 本幻灯片包含小图列表和大图轮播,包含图片标题和详细介绍,详细介绍字数可以很多,每张图片包含链接,可以实现跳转 HTML ...
- jquery animate 动画效果使用解析
animate的意思是:使有生气:驱动:使栩栩如生地动作:赋予…以生命作为形容词:有生命的:活的:有生气的:生气勃勃的 先看动画效果:http://keleyi.com/keleyi/phtml/jq ...
- jQuery介绍 DOM对象和jQuery对象的转换与区别
jQuery介绍 DOM对象和jQuery对象的转换与区别 jQuery介绍 jQuery: http://jquery.com/ write less, do more. j ...
- MVC - 11(下)jquery.tmpl.js +ajax分页
继续 mvc-11(上).dto:http://www.cnblogs.com/tangge/p/3840060.html jquery.tmpl.js 下载:http://pan.baidu.com ...
- web前端基础——jQuery编程基础
1 jQuery简介 jQuery是一个兼容多浏览器的JavaScript库,核心理念是write less,do more(写得更少,做得更多).它对JavaScript进行了封装,使开发更便捷,并 ...
随机推荐
- csuoj 1391: Boiling Vegetables
http://acm.csu.edu.cn/OnlineJudge/problem.php?id=1391 1391: Boiling Vegetables Time Limit: 1 Sec Me ...
- c++减法高精度算法
c++高精度算法,对于新手来说还是一大挑战,只要克服它,你就开启了编程的新篇章,算法. 我发的这个代码并不是很好,占用内存很多而且运行时间很长(不超过0.02秒),但是很好理解,很适合新手 高精算法的 ...
- 07_编写天气预报和手机归属地的WebService
<s:element ref="s:schema" /> <s:any /> <s:any minOccurs="2" maxOc ...
- 分布式入门之1:Lease机制
引子: 分布式系统中,如何确认一个节点是否工作正常? 如果有3副本A.B.C,并通过中心结点M来管理.其中A为主副本. 未接触过分布式的直观的处理方法是在每个副本与中心节点M中维护一个心跳,期 ...
- 一个java的Profile工具
场景:我们在系统运行中,需要监控某个代码段的运行时间,我们完全可以使用currentTimeMillis来做,但是做起来比较麻烦,尤其是需要阶段监控的时候,那么这个工具就出现啦~~~ 先说下想要实现的 ...
- Scala基础语法
/* 学慕课网上<Scala程序设计>课程跟着敲的代码 作为代码参考也是很好的 在scala_ide.org上下载eclipse IDE,新建一个worksheet,就可以像在xcode的 ...
- Maximo 7.5 集成方式 去掉主菜单
最近有人在QQ中问我,在与portal集成时,客户不想显示maximo的主菜单,以前也有过朋友问过我这个问题,被我忽悠过去了,现在想起来,是不对的! 经过一翻查找,发现maximo有一个参数,port ...
- Django(四)
一.请求周期 url> 路由 > 函数或类 > 返回字符串或者模板语言? 1.Form表单提交: 提交 -> url > 函数或类中的方法 - .... HttpResp ...
- 怎么用AJAX来判断dedecms用户是否登录呢
JS代码:Copy code<script language="javascript" src="{dede:global name='cfg_cmspath'/} ...
- C#程序调用CodeSoft预先设计好的标签模块实现打印功能
if (this.tbSetLabel.Text.Trim() == "") { MessageBox.Show("请先 Enter 选择标签模板文件!", & ...